用途
该技能面向 React 组件架构场景，帮助开发者自动脚手架化生产就绪、可访问且性能良好的 React 与 React Native 组件。它根据需求生成完整的组件实现，覆盖类型、样式、测试和文档，强调可复用模式与可扩展架构。
主要能力
- 分析组件需求，输出组件规格，包括名称、类型（functional、page、layout、form、data-display）、props、state、hooks、样式方案与平台（web、native、universal）。
- 生成 React 组件文件，包含导入、TypeScript 属性类型、组件主体与导出。
- 生成 React Native 组件，使用 View、Text、StyleSheet、TouchableOpacity、AccessibilityInfo 等原生组件，并包含可访问性属性。
- 生成组件测试，使用 @testing-library/react 与 jest，包含渲染、内容显示、事件回调与可访问性检查。
- 生成样式，支持 CSS Modules、styled-components 或 Tailwind 类名提示。
- 生成 Storybook Stories，包含 Meta、StoryObj、argTypes 与默认/交互示例。
- 输出包括组件文件、类型定义、样式、测试、Stories 与 index 桶文件导出。
使用方式
技能定义中通过 $ARGUMENTS 接收需求输入。工作流程为：先解析用户输入提取组件规格；再根据选项（typescript、testing、storybook、accessibility）生成对应文件；最后输出完整文件集合。用户需要提供组件名称、类型、props、state、hooks、样式方案与平台等信息。
适用场景
适用于正在处理 React/React Native 组件脚手架任务或工作流，需要相关指导、最佳实践或检查清单的情况。典型场景包括快速搭建一致、类型安全的组件结构，统一团队组件规范，以及为组件补齐测试、样式与文档。
限制
不适用于与 React/React Native 组件脚手架无关的任务，或需要该范围之外的其它领域或工具时。使用该技能时，仅在任务明确匹配上述范围时使用。输出不应被视为环境特定验证、测试或专家审查的替代。如果缺少必要输入、权限、安全边界或成功标准，应停止并请求澄清。
暂未提供
该技能的具体收费、价格、平台支持细节、实际效果数据以及完整使用步骤暂无资料。