From yangsonhung-awesome-agent-skills
Splits rough feature requirements into three actionable documents: overview, frontend implementation, and backend implementation, incorporating real code structure and shared contracts.
How this skill is triggered — by the user, by Claude, or both
Slash command
/yangsonhung-awesome-agent-skills:feature-doc-splitter-cnThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
使用这个技能,将早期功能需求初稿整理成一组三份可落地文档:总览文档、前端实现文档和后端实现文档。
使用这个技能,将早期功能需求初稿整理成一组三份可落地文档:总览文档、前端实现文档和后端实现文档。
输出必须结合真实代码结构,明确拆分前端和后端职责,定义共享契约,补充必要 Mermaid 图,并把不确定点显式写入假设或待确认事项。涉及新增 UI 表面时,还要判断是否需要预留可选 Pencil 设计稿占位。
当用户提出以下需求时使用本技能:
以下场景不要使用本技能:
按照以下流程执行,并始终按责任归属拆分三份输出文档。
创建或更新三份文档:
总览文档必须用项目相对路径引用前端和后端实现文档,并且必须包含 Mermaid 代码块。
先读取仓库规则。
AGENTS.md。完整阅读初版需求文档。
写文档前先梳理代码。
rg 和定向文件阅读查找现有页面、路由、组件、Hook、生成 API 客户端、模型、Schema、服务、测试、通知代码、统计或排行逻辑。定义文档集合。
编写总览文档。
编写前端实现文档。
.pen 文件,并在文档中简要记录该决策。编写后端实现文档。
只在用户确认需要后创建设计稿占位。
.pen 文件。.pen 文件。.pen 文件。docs/features/<feature>/pencil/<surface>.pen。.pen JSON 文件,空占位可以只包含:{"version":"2.13","children":[]}
.pen 占位,校验 JSON 格式。git diff --check。当 Mermaid 节点文案包含标点时,使用引号包裹节点标签。
最少图示:
简要说明创建或更新的文档,列出创建或明确删除的 Pencil 占位,并报告验证结果。
npx claudepluginhub yangsonhung/awesome-agent-skillsSplits rough feature notes into overview, frontend, and backend implementation docs with codebase context, shared contracts, and Mermaid diagrams.
拆解复杂功能为详细开发任务,从PRD/原型提取功能列表,按8维度模板逐功能分析场景、流程、界面、数据、异常、技术和测试要点,输出结构化文档。
Executes a multi-phase frontend design workflow: codebase analysis, UI/UX analysis, spec writing, technical design, and document review with user approval stops.