LogoClawIndex
案例技能关于
LogoClawIndex

react-component-generator - 生成带类型、Hooks 和样式的 React 组件

使用 TypeScript 生成包含类型化 props、Hooks 模式和可选样式文件的生产级 React 组件。

标签

更新于: 2026-09-28
ReactTypeScriptTSX组件生成前端

能力

典型输入

典型输出

该技能可以做什么

  • 生成类型化 React 组件
  • 定义 props 接口
  • 应用 Hooks 模式
  • 创建样式文件
  • 实现数据获取
  • 构建表单组件

输入

  • 组件需求
  • 样式方案

输出

  • TSX 组件文件
  • 可选 CSS 文件
  • 类型化组件实现

要求

  • React 18 或更高版本
  • TypeScript 5 或更高版本

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
生成类型化 React 组件
定义 props 接口
应用 Hooks 模式
创建样式文件
组件需求
样式方案
TSX 组件文件
可选 CSS 文件
类型化组件实现