LogoClawIndex
案例技能关于
LogoClawIndex

create_component - 按照设计标准创建React/Next.js组件

使用React 19、TypeScript和Tailwind CSS创建新的UI组件

标签

更新于: 2026-02-14
前端reactnextjstypescripttailwind

能力

典型输入

典型输出

该技能可以做什么

  • 创建组件文件
  • 编写TypeScript代码
  • 添加Tailwind样式
  • 导入所需图标

输入

  • 组件名称
  • 组件属性定义
  • 项目文件结构

输出

  • TypeScript组件文件
  • 组件实现代码
  • 组件导出语句

要求

  • React 19
  • TypeScript
  • Tailwind CSS v4
  • lucide-react图标

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建组件文件
编写TypeScript代码
添加Tailwind样式
导入所需图标
组件名称
组件属性定义
项目文件结构
TypeScript组件文件
组件实现代码
组件导出语句