首页龙虾技能列表 › React Component Generator — React 组件模板生成器

⚛️ React Component Generator — React 组件模板生成器

v1.0.0

快速生成 React 组件模板,支持函数组件、类组件、Hooks 和 TypeScript,但当前实现仅提供基本的函数组件模板。

0· 679·6 当前·7 累计
by @sunshine-del-ux (Sunshine-del-ux)·MIT-0
下载技能包
License
MIT-0
最后更新
2026/4/9
安全扫描
VirusTotal
可疑
查看报告
OpenClaw
可疑
high confidence
该技能风险低(无网络、无凭据),但其描述和 SKILL.md 中的能力过于夸大 —— 附加的脚本仅写入一个简单的 .jsx 函数组件,不实现 TypeScript、Hooks、类组件或文档中显示的 CLI 标志。
评估建议
虽然该技能看似低风险,但与其文档不一致。安装或使用前:(1)审查 react-component-generator.sh 脚本 —— 它仅创建基本 .jsx 函数组件,替换占位符字符串,不实现 TypeScript (.tsx)、Hooks、类组件或 SKILL.md 中的 CLI 标志;(2)注意脚本将写入当前目录,会无提示覆盖同名文件;(3)macOS 上的 sed -i 用法可能不兼容(可能需要备份后缀);(4)如果预期使用 TypeScript 或其他模板,扩展脚本或寻找不同实现;(5)仅在理解上述内容并备份目录后安装/运行。如果希望该技能可靠,请要求作者提供匹配文档功能的更新实现和适当的安装机制(或包含清晰指示如何使脚本可执行并作为命名的 CLI 可用)。...
详细分析 ▾
用途与能力
名称/描述承诺支持 TypeScript、Hooks、类组件、HOCs 和带标志的 CLI,但提供的脚本仅创建基本的 MyComponent.jsx 函数组件,忽略类型/标志语义。缺少必需的工件(例如 TypeScript .tsx 输出、Hook 模板、类模板)
指令范围
SKILL.md 指示运行带标志的 CLI(例如 --typescript、--type hook),但提供的脚本未实现这些。指令不指向任何敏感读取或网络传输;然而,它假设可执行文件 react-component-generator 可用于 PATH,但包不安装它。
安装机制
没有安装规格(仅指令,附带小脚本)。这降低了风险:安装过程中没有下载或提取内容。
凭证需求
该技能不请求环境变量、凭据或配置路径。附加的脚本不访问环境秘密。
持久化与权限
always 为 false,该技能不请求持久权限或修改其他技能或系统范围配置。它仅写入文件到当前工作目录。
安装前注意事项
  1. 审查 react-component-generator.sh 脚本 —— 它仅创建基本 .jsx 函数组件,替换占位符字符串,不实现 TypeScript (.tsx)、Hooks、类组件或 SKILL.md 中的 CLI 标志。
  2. 注意脚本将写入当前目录,会无提示覆盖同名文件。
  3. macOS 上的 sed -i 用法可能不兼容(可能需要备份后缀)。
  4. 如果预期使用 TypeScript 或其他模板,扩展脚本或寻找不同实现。
  5. 仅在理解上述内容并备份目录后安装/运行。如果希望该技能可靠,请要求作者提供匹配文档功能的更新实现和适当的安装机制(或包含清晰指示如何使脚本可执行并作为命名的 CLI 可用)。
安全有层次,运行前请审查代码。

License

MIT-0

可自由使用、修改和再分发,无需署名。

运行时依赖

无特殊依赖

版本

latestv1.0.02026/3/2

React Component Generator 初始发布。- 一键生成 React 组件模板 - 支持函数组件、类组件、自定义 Hooks、高阶组件 - 包含 TypeScript 支持 - 通过 CLI 快速生成组件架构

● 可疑

安装命令 点击复制

官方npx clawhub@latest install react-component-generator
镜像加速npx clawhub@latest install react-component-generator --registry https://cn.clawhub-mirror.com

技能文档

快速生成 React 组件代码。

功能

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

组件类型

类型说明
function函数组件
class类组件
hook自定义 Hook
hoc高阶组件
## 使用方法
react-component-generator MyButton --type function --typescript
react-component-generator useMyHook --type hook
数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务