forge-town 组件单元（Component Unit）最佳实践
使用说明
- 阅读 目录结构与规范，了解 Component Unit 的标准文件夹布局
- 对照 检查清单 逐项验证当前组件文件夹
- 修复所有不符合规范的项目后，重新执行清单验证
重要： 组件、单元测试、Storybook 故事三者缺一不可；详细规范见参考文件
Forge Component Unit Best Practice
Must follow when 创建或审查 React 组件文件夹单元，强制每个组件以独立文件夹形式存在，包含组件本身、行为测试（*.spec.tsx）和 Storybook 故事文件（*.stories.tsx）。
Forge Component Unit Best Practice by forge-town · ae32754
npx skillmds@latest add forge-town/forge-component-unit-best-practice File contents
---name: forge-component-unit-best-practicedescription: Must follow when 创建或审查 React 组件文件夹单元，强制每个组件以独立文件夹形式存在，包含组件本身、行为测试（*.spec.tsx）和 Storybook 故事文件（*.stories.tsx）。---# 组件单元（Component Unit）最佳实践## 使用说明1. 阅读 [目录结构与规范](references/standard.md)，了解 Component Unit 的标准文件夹布局2. 对照 [检查清单](references/checklist.md) 逐项验证当前组件文件夹3. 修复所有不符合规范的项目后，重新执行清单验证**重要：** 组件、单元测试、Storybook 故事三者缺一不可；详细规范见参考文件
forge-town/skills/tree/main/skills/forge_component-unit-best-practice commit ae32754613
Frequently asked questions
Run npx skillmds@latest add forge-town/forge-component-unit-best-practice in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Must follow when 创建或审查 React 组件文件夹单元，强制每个组件以独立文件夹形式存在，包含组件本身、行为测试（*.spec.tsx）和 Storybook 故事文件（*.stories.tsx）。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
forge-town (@forge-town) published this skill. Their other Agent Skills are listed on their SkillMD profile.