LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

component-creation - React 组件创建指南

在 squared 包中创建 React 组件,包含 TypeScript 模式、CSS Modules 样式、Storybook 故事和测试。

标签

更新于: 2026-06-15
ReactTypeScript组件开发CSS ModulesStorybook测试

能力

典型输入

典型输出

该技能可以做什么

  • 创建 React 组件
  • 定义 TypeScript 类型
  • 创建 CSS Module 样式
  • 编写 Storybook 故事
  • 编写组件测试
  • 导出组件

输入

  • 组件名称
  • 包名称
  • 设计令牌

输出

  • React 组件文件
  • CSS Module 文件
  • Storybook 故事文件
  • 测试文件

要求

  • React 18+
  • TypeScript 5+
  • Vitest
  • Storybook
  • CSS Modules

来源

  • 规范: SKILL.md
创建 React 组件
定义 TypeScript 类型
创建 CSS Module 样式
编写 Storybook 故事
组件名称
包名称
设计令牌
React 组件文件
CSS Module 文件
Storybook 故事文件