LogoClawIndex
案例技能关于
LogoClawIndex

frontend-ui - React应用前端UI开发模式

为React前端开发提供UI特定的模式

标签

更新于: 2026-02-15
前端reactuitypescripttailwind组件

能力

读取前端代码编辑UI组件编写React组件使用glob模式

典型输入

React应用源代码UI组件文件TypeScript类型

典型输出

React组件UI实现样式化元素

该技能可以做什么

  • 读取前端代码
  • 编辑UI组件
  • 编写React组件
  • 使用glob模式
  • 搜索代码库
  • 执行bash命令
  • 获取网络资源
  • 搜索网络内容
  • 管理任务

输入

  • React应用源代码
  • UI组件文件
  • TypeScript类型
  • Tailwind CSS配置
  • Zod模式
  • Zustand状态存储
  • Motion动画

输出

  • React组件
  • UI实现
  • 样式化元素
  • 表单验证
  • 状态管理
  • 动画组件

要求

  • React 19环境
  • Tailwind CSS 4
  • TypeScript支持
  • Node.js运行环境
  • 前端构建工具
  • UI组件库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。