design-spec-prototyper

Installation
SKILL.md

设计规格原型生成器

构建可直接进入实现阶段的原型。两类输入要同时参考:设计规格给品牌令牌与规则,设计稿图片给本次页面的实际构图。规格中已观察到的值,比通用设计建议拥有更高证据优先级。

输入与默认值

  1. 找齐两类输入,未指定时都在当前项目中搜索:

    输入 给什么 缺了怎么办
    design.md / DESIGN.md 品牌令牌、组件规则、字体、证据边界——持续沉淀的产品事实 只有图没有规格 → 先走 web-design-extractor 把图变成规格
    设计稿图片 / 截图 本次页面的实际构图:分区、元素顺序、层级、间距节奏 只有规格没有图 → 走「规格内的构图证据」(见下),并在交付说明里写明证据来源与限度
    参考图(不属于本页,例如竞品页截图) 视觉语言参考:配色倾向、质感、动效风格 不能当构图依据——见下

    两者都没有时,要求用户提供。

    只有规格没有图时,构图证据由规格自己承担,但要说清是哪一种:

Installs
7
GitHub Stars
11
First Seen
Oct 13, 2026