SpecKit 原型生成
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3085d0c0/speckit-prototype-cimi。
技能介绍
解决什么问题
从需求规格生成可交互原型时,最常见的失败是把“证明规格被实现”当成目标:评审矩阵、ID 映射、回放记录直接堆在页面上,业务用户看到的却是 CAP-*、PAGE-* 这类内部编号。另一个问题是一有改动就全量重建原型,改一句文案也要走一遍完整流程。speckit-prototype 把原型的第一目标固定为展示“产品完成后用户会看到什么、如何完成工作”,并按改动范围分流处理。
工作方式
- 执行档选择:先运行
scripts/plan_prototype_change.py,在Patch、Delta、Full之间选择。局部文案与样式调整用 Patch,有限页面或交互变化用 Delta,首次生成、IA/路由/共享行为变化或影响范围不明时才用 Full,避免把局部改动升级为全量重建。 - Preflight 门禁:所有宿主统一经过 Preflight,分别判断 readiness、authorization 和生成/验证能力,返回
READY、NEEDS_CLARIFICATION、SPEC_CHANGE_CANDIDATE、BLOCKED_INPUT等状态;非READY必须停止并返回对应 stop code。宿主原生 Plan Mode 只是可选编排能力,不写进产品契约。 - 契约驱动生成:依次冻结
prototype/ia-plan.json、prototype/visual-plan.json和prototype/prototype-behavior-contract.json,再设计面向用户的任务路径。行为契约覆盖 P0/P1 的预期结果、禁止结果、持久化与时间触发方式,HTML 和测试脚本必须消费同一契约,不得反向降低要求。 - 配置直达运行时:字段密集型需求消费根目录
field-contract.json,生成prototype/field-render-map.json并用data-field-id建立不可见映射。配置页面必须有真实的编辑、校验、保存、发布路径,新增的模板、流程节点、负责人要能在同一会话中影响需求提报和任务生成。 - 旁路证据:评审矩阵、回放记录、截图与测试脚本写入
prototype/evidence/或明确的 sidecar 目录,不进入用户导航,也不作为页面正文或控件。 - 交付可控:
Delivery-Mode默认Local,只写本地prototype/,不自动上传、不自动提交 Git;用户明确要求时才按指定目标处理,并如实报告prototype_path、delivery_mode和upload_target。
适用边界与注意点
- 只接受
input-contract.md定义的 Draft spec、来源台账和 IA 文件,不得添加 spec 中不存在的角色、状态、流程阶段、能力或页面。 - 产品界面不得暴露 spec 章节号、内部 ID、角色切换器、重置演示数据或评审说明,这些内容只能进 sidecar 证据。
- 原型微调默认属于
prototype-presentation或prototype-fixture,不回流spec.md;若调整改变了能力、数据源、权限或验收,必须停止直接改页面并输出SPEC_CHANGE_CANDIDATE。 - 生成前后校验 spec digest,拒绝过期原型;缺少浏览器或截图能力时只能报告
Insufficient,不得伪造完整验收通过。
使用场景
- 拿到产品 Draft spec 后,首次把需求转成可交互页面,覆盖列表、详情与配置路径。
- 原型已有局部文案或样式要调整,不改能力与流程时,用 Patch 档更新单页或控件。
- 有限页面或交互方式变化,用 Delta 档更新受影响片段并保留原有数据链与路由。
- 需要验证配置项发布后能否真实影响需求提报或任务生成,而不是只读示例展示。
适合人员
- 产品负责人需要从 spec 生成面向业务用户的可交互原型,确认用户能否完成主任务。
- 前端工程师要在原型阶段就接入设计系统 tokens、页面范式与状态模式,而非临时 CSS 拼装。
- 规格作者要在改动范围不明时用 Full 档重建原型,并保证 spec digest 校验不放过过期产物。
- 验收人员要按行为契约回放 P0/P1 的成功、失败、持久化与权限路径,拒绝只靠 toast 证明闭环。