React 移动端组件脚手架

要解决什么问题

团队在落地 React 或 React Native 组件时，常见痛点是目录结构不统一、TypeScript 类型零散、测试与 Storybook 滞后，以及无障碍与样式方案各写各的。本技能把「从需求到可交付组件包」拆成固定步骤，让输出结构一致、便于评审与复用。

技能如何工作

技能以 React 组件架构 为视角，根据你传入的 $ARGUMENTS$ 需求先做组件分析，再按现代实践生成完整实现，而不是只给空壳文件。

典型产出包括：

• 组件实现：React 与 React Native 两套实现（按任务需要生成）
• 类型定义：Props 与相关接口的 TypeScript 定义
• 样式：CSS Modules、styled-components 或 Tailwind 等方案之一
• 测试：带覆盖目标的测试套件
• Storybook 故事：便于文档与交互验收
• 桶导出：index 等入口，方便干净导入

流程上对应：分析需求 → 生成组件 → 生成测试 → 生成样式 → 生成 Storybook → 整理导出。

适用边界

• 任务与 React / React Native 组件脚手架 相关时使用；需要组件结构、hooks、样式、无障碍与测试清单时也适用。
• 与 RN/Web 组件无关的工作（例如纯后端、无关工具链）不要依赖本技能；范围外的领域应换用其他技能或自行选型。