← Back to Skills Marketplace
sunshine-del-ux

React Component Generator

by Sunshine-del-ux · GitHub ↗ · v1.0.0
cross-platform ⚠ suspicious
823
Downloads
0
Stars
6
Active Installs
1
Versions
Install in OpenClaw
/install react-component-generator
Description
生成 React 组件模板,支持 Function Component, Class Component, Hooks, TypeScript,一键生成完整组件代码。
Usage Guidance
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).
Capability Analysis
Type: OpenClaw Skill Name: react-component-generator Version: 1.0.0 The `react-component-generator.sh` script is vulnerable to path traversal and lacks input sanitization. The component `NAME` (derived from user input `$1`) is directly used in the filename `"$NAME.jsx"` and within a `sed` command, allowing an attacker to create files in arbitrary directories (e.g., `../../../../tmp/evil.jsx`) or potentially break the `sed` command with specially crafted input. This constitutes a significant vulnerability, classifying the skill as suspicious.
Capability Assessment
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.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install react-component-generator
  3. After installation, invoke the skill by name or use /react-component-generator
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release of react-component-generator. - Generate React component templates in one click - Supports Function Components, Class Components, Custom Hooks, Higher-Order Components - TypeScript support included - CLI usage for quick component scaffolding
Metadata
Slug react-component-generator
Version 1.0.0
License
All-time Installs 7
Active Installs 6
Total Versions 1
Frequently Asked Questions

What is React Component Generator?

生成 React 组件模板,支持 Function Component, Class Component, Hooks, TypeScript,一键生成完整组件代码。 It is an AI Agent Skill for Claude Code / OpenClaw, with 823 downloads so far.

How do I install React Component Generator?

Run "/install react-component-generator" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is React Component Generator free?

Yes, React Component Generator is completely free (open-source). You can download, install and use it at no cost.

Which platforms does React Component Generator support?

React Component Generator is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created React Component Generator?

It is built and maintained by Sunshine-del-ux (@sunshine-del-ux); the current version is v1.0.0.

💬 Comments