spec-product-demo（R4：基于原型生成可交互 Demo）

概览

R4 的目标是把 {FEATURE_DIR}/requirements/prototype.md 的页面清单与交互说明落地为可运行、可交互的 Demo，用于走查/验证/对齐：

• 唯一页面来源：只能来自 prototype.md/页面/弹窗清单（P-xxx…）（禁止自创页面）
• 共享工程模式：默认落到 {REPO_ROOT}/demo/prototypes/{SPEC_NUMBER}-{SHORT_NAME}/
• 先骨架后细节：先跑通路由/导航/跳转链路，再补字段/状态/校验/错误处理
• 数据可 Mock：后端未就绪允许 Mock，但要把“真实数据接入”当作明确替换点

开始时宣布：「我正在使用 spec-product-demo 技能基于 prototype.md 生成可交互 Demo。」

R4 的核心价值是“把线框变成可点可跑”，不是替代设计稿，也不是在 Demo 里自由发挥新增需求。

何时使用 / 不使用