360 Secure SkillHub
360 安全技能中心

React Component Generator

核心功能是一键生成React组件代码,支持函数组件、类组件、自定义Hook、高阶组件四种类型,兼容TypeScript且内置Hooks。适合React项目开发时快速创建组件模板,通过命令行输入组件名、类型等参数,即可输出对应完整组件代码,提升开发效率。

sunshine-del-ux
sunshine-del-ux
热度 61.34
最近更新 2026-05-17 13:08:56
分类:开发依赖:纯提示词应用场景:代码生成 / 模板

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add react-component-generator
Metadata
name
react-component-generator
description
生成 React 组件模板,支持 Function Component, Class Component, Hooks, TypeScript,一键生成完整组件代码。
metadata
{"clawdbot":{"emoji":"⚛️","requires":{},"primaryEnv":""}}

React Component Generator

快速生成 React 组件代码。

功能

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

组件类型

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

使用方法

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