用途：在开发 React 组件时提供代码规范指引，覆盖组件结构、命名、状态管理、样式与测试等环节。
主要能力： 组件结构：使用带 hooks 的函数式组件；保持组件职责单一；将可复用逻辑抽取为自定义 hooks；使用 TypeScript 保证类型安全。 命名规范：组件为 PascalCase.tsx；hooks 为 useCamelCase.ts；工具为 camelCase.ts；类型放 types/index.ts 或就近放置。 状态管理：局部状态用 useState、useReducer；服务端状态用 TanStack Query（React Query）；全局状态用 Zustand store。 样式：使用 Tailwind CSS 工具类；用 cn() 辅助函数处理条件类名；遵循 utils/colors.ts 中的设计系统颜色。 测试：用 Testing Library 编写组件测试；测试用户交互而非实现细节；mock API 调用与外部依赖。
使用方式：作为技能在开发 React 组件的工作区中应用上述约定。资料未提供安装命令、依赖安装步骤或具体代码示例。
适用场景：React + TypeScript 项目中的组件开发、状态管理、样式编写与组件测试。
限制：资料未说明支持的 React 版本、构建工具、价格与平台要求；未提供可直接执行的命令或配置细节，相关内容暂未提供。