prototype-design
Installation
SKILL.md
Prototype Design
生成交互式原型,可视化设计方案并进行早期验证。支持 HTML 原型输出格式。
画什么、怎么画,必须先与用户确认,未确认不得生成。 原型若脱离目标系统的真实页面与风格,产出即不可用——确认是唯一防线。详见 Step 1 门禁。
What This Skill Does
生成原型文件,用于可视化设计方案并进行早期验证。支持两种输出格式:
- HTML 原型:独立 HTML 文件,可在浏览器中直接打开预览
支持两种模式:
- 迭代模式:基于用户提供的截图或 HTML 文件,提取现有样式后生成匹配的新原型
- 新产品模式:询问用户设计偏好后,使用默认或自定义设计规范生成原型