React Component Generator

生成 React 组件模板，支持 Function Component, Class Component, Hooks, TypeScript，一键生成完整组件代码。

Security Scan

The skill is low-risk (no network, no credentials) but its description and SKILL.md overclaim capabilities — the included script only writes a simple .jsx function component and does not implement TypeScript, hooks, class components, or CLI flags shown in the docs.

Purpose & Capability

The name/description promise TypeScript, Hooks, Class components, HOCs and a CLI with flags, but the shipped react-component-generator.sh only creates a basic MyComponent.jsx function component and ignores type/flag semantics. The required artifacts (e.g., TypeScript .tsx output, hook templates, class templates) are missing.

Instruction Scope

SKILL.md instructs running a CLI with flags (e.g., --typescript, --type hook) that are not implemented by the provided script. The instructions do not direct any sensitive reads or network transmission; they do, however, assume an executable named react-component-generator is available in PATH which the package does not install.

Install Mechanism

There is no install spec (instruction-only with a small bundled script). That minimizes risk: nothing is downloaded or extracted during install.

Credentials

The skill requests no environment variables, credentials, or config paths. The included script does not access environment secrets.

Persistence & Privilege

always is false and the skill does not request persistent privileges or modify other skills or system-wide configuration. It only writes a file to the current working directory.

What to consider before installing

This skill appears low-risk but is inconsistent with its documentation. Before installing or using it: (1) review the react-component-generator.sh script — it simply creates a basic .jsx function component and replaces the placeholder string; it does not implement TypeScript (.tsx), hooks, class components, or the CLI flags shown in SKILL.md; (2) be aware the script writes to the current directory and will overwrite an existing file named <ComponentName>.jsx without prompting; (3) sed -i usage may be non-portable on macOS (may require a backup suffix); (4) if you expect TypeScript or other templates, either extend the script or source a different implementation; (5) only install/run if you’re comfortable with the above and after backing up that directory. If you want this skill to be trustworthy, ask the author for an updated implementation that matches the documented features and a proper install mechanism (or include clear instructions how to make the script executable and available as the named CLI).

快速生成 React 组件代码。

功能

• ⚡ 一键生成组件
• 📝 支持 TypeScript
• 🎣 内置 Hooks
• 🎨 多种组件类型

组件类型

类型	说明
function	函数组件
class	类组件
hook	自定义 Hook
hoc	高阶组件

使用方法

react-component-generator MyButton --type function --typescript
react-component-generator useMyHook --type hook