用途：spec-product-demo 属于 dlc-dev 产品需求 Spec 流程的 R4 阶段，目标是把 {FEATURE_DIR}/requirements/prototype.md 中的页面清单与交互说明落地为可运行、可交互的 Demo，用于走查、验证与对齐，而非替代设计稿或新增需求。
主要能力与约束：页面唯一来源为 prototype.md 的页面/弹窗清单（P-xxx），禁止自创页面；采用“先骨架后细节”，先跑通路由与跳转链路，再补字段、状态、校验与错误处理；后端未就绪允许 Mock 数据，但需明确标注真实数据接入为替换点。
使用方式：启动时应宣布“我正在使用 spec-product-demo 技能基于 prototype.md 生成可交互 Demo”。门禁要求先由 spec-context 回显 FEATURE_DIR；prototype.md 缺失即停止并回到 R3（spec-product-prototype）。Demo 工程根目录优先用用户提供的 DEMO_PROJECT_ROOT，否则自动查找 {REPO_ROOT}/demo/、{REPO_ROOT}/prototype/ 或 prototypes/、{REPO_ROOT}/apps/demo/、{REPO_ROOT}/packages/demo/；判定标准为目录存在、含 package.json 且有 dev/start/preview 启动脚本，找不到即停止，禁止擅自初始化 Vite/Next.js/CRA 工程。
输出与流程：写入 {DEMO_PROJECT_ROOT}/prototypes/{SPEC_NUMBER}-{SHORT_NAME}/，根工程仅允许最小粘合改动；完成最小完成标准为工程可启动、可导航到 OUTPUT_DIR 页面集合、核心任务流主链路可走通。完成后输出 ROUTER_SUMMARY（stage: R4、artifacts 等字段），并立即调用 using-aidlc 路由下一步；若触发硬中断则停止并说明阻断原因与所需输入。
适用场景与限制：适用于已完成 R3 且需高保真走查的需求；不适用于 spec-context 失败、缺 prototype.md、无可运行 Demo 工程根目录或需新增页面（应回流 R3）的情况。资料未提供具体技术栈版本、安装命令与价格信息。