Menu
Page-Codegen 分阶段执行技能，支持 step/auto 两种模式，遵循“原始模板只读、仅修改 AI 副本”。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | page-codegen |
| description | Page-Codegen 分阶段执行技能，支持 step/auto 两种模式，遵循“原始模板只读、仅修改 AI 副本”。 |
将页面胶水代码补全流程拆分为 7 个阶段，按阶段执行与验收，确保质量和可追溯性。
init / research / api-design / ui-design / integration / validate / deliverinit 开始按顺序执行到 deliverinit：初始化与 AI 副本准备research：需求与代码研究api-design：接口与数据逻辑设计ui-design：UI 组件与交互设计integration：代码整合与阶段验收validate：质量校验与评审闭环deliver：交付说明与收尾.ai.tsx（及必要依赖文件）final_code.mdreview/*.md 或任何评审报告文件validate）final_code.md、review/*.md）SKILL.md：总编排与约束step-init.mdstep-research.mdstep-api-design.mdstep-ui-design.mdstep-integration.mdstep-validate.mdstep-deliver.md执行 OpenSpec 变更中的任务。当用户想要开始实现、继续实现或完成任务时使用。
在实验性工作流中归档已完成的变更。当用户想要在实现完成后最终确定并归档变更时使用。
批量归档多个已完成的变更。当归档多个并行变更时使用。
通过创建下一个工件继续处理 OpenSpec 变更。当用户想要推进变更、创建下一个工件或继续工作流时使用。
进入探索模式 - 深入思考想法、调查问题、明确需求。当用户想要在变更之前或期间深入思考某事时使用。
快进完成 OpenSpec 工件创建。当用户想要快速创建实现所需的所有工件而不需要逐步完成时使用。