LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

Components Standards - 设计可复用的前端组件

遵循单一职责原则创建专注、可组合的UI组件,保持最小化属性。

标签

更新于: 2026-06-30
前端组件UITypeScriptReactVue可复用

能力

典型输入

典型输出

该技能可以做什么

  • 创建组件文件
  • 定义组件接口
  • 实现组合模式
  • 管理组件状态
  • 记录组件API
  • 重构大型组件

输入

  • 组件框架
  • 组件文件
  • 属性定义
  • 状态需求

输出

  • 可复用组件文件
  • TypeScript接口
  • 组件文档
  • 测试文件

要求

  • 前端框架
  • TypeScript支持
  • 组件目录结构

来源

  • 规范: SKILL.md
创建组件文件
定义组件接口
实现组合模式
管理组件状态
组件框架
组件文件
属性定义
可复用组件文件
TypeScript接口
组件文档