HTML Prototype Builder Skill

一个面向 Codex 的 HTML 原型生成 Skill，用于基于 PRD、analysis.md、product-fact-context.md、shared-context.md 和 ui-system/ 生成、修订、调试、验证并冻结可交互 HTML 原型。

定位

本 Skill 负责：

• 生成管理后台或移动端 HTML 原型
• 拆分 index.html、styles.css、app.js、data.js
• 实现页面跳转、状态切换、角色切换和模拟数据
• 校验 PRD 与原型一致性
• 冻结评审版本

它不负责：

• 需求分析
• UI 规范库设计
• 产品事实源维护
• Multica 评审结论处理

输出

默认输出：

prototypes/iterations/{iteration-id}/{admin|mobile}/{version}/
  index.html
  styles.css
  app.js
  data.js
  prototype-readme.md

关系

• product-requirement-analysis-skill：提供 analysis.md。
• product-ui-system-skill：提供 ui-system/，决定 UI tokens、组件、页面模式和交互规则。
• prototype-design-skill：作为历史原型实战经验参考源。
• product-design 工作流文档：定义完整阶段、模板、版本管理和 Multica 对接方法。