UI Handoff
如果已有 page-structure.md:
- 按
references/CONSUME_PAGE_SPEC.md分析当前项目。 - 生成
ui-implementation-plan.md。 - 根据
page-structure.md和ui-implementation-plan.md实现页面。
如果只有原型 URL:
- 按
references/SPEC.md和references/EXTRACT_FROM_URL.md生成page-structure.md。 - 按
references/CONSUME_PAGE_SPEC.md分析当前项目。 - 生成
ui-implementation-plan.md。 - 根据
page-structure.md和ui-implementation-plan.md实现页面。
代码库分析时,优先使用 codebase-memory-mcp;不可用时使用 Agent 自带代码搜索能力。
当前只实现 UI、Mock 数据和前端交互,不接后台 API。
使用示例
示例 1:根据 page-structure.md 实现页面
用户:
/ui-handoff page-structure.md
预期:按 page-structure.md 分析当前项目,生成 ui-implementation-plan.md,并实现页面。
示例 2:根据原型 URL 实现页面
用户:
/ui-handoff https://prototype.example.com/order-list
预期:先根据原型 URL 生成 page-structure.md,再分析当前项目并生成 ui-implementation-plan.md,最后实现页面。