prototype-design

Installation
SKILL.md

Prototype Design

生成交互式原型,可视化设计方案并进行早期验证。支持 HTML 原型输出格式。

画什么、怎么画,必须先与用户确认,未确认不得生成。 原型若脱离目标系统的真实页面与风格,产出即不可用——确认是唯一防线。详见 Step 1 门禁。

What This Skill Does

生成原型文件,用于可视化设计方案并进行早期验证。支持两种输出格式:

  1. HTML 原型:独立 HTML 文件,可在浏览器中直接打开预览

支持两种模式:

  • 迭代模式:基于用户提供的截图或 HTML 文件,提取现有样式后生成匹配的新原型
  • 新产品模式:询问用户设计偏好后,使用默认或自定义设计规范生成原型

When to Use

Installs
29
GitHub Stars
5
First Seen
Jun 23, 2026