proto-builder

SKILL.md

Proto Builder — 产品原型生成器

生成可交互的单文件 HTML 原型,含完整 Mock 数据,零依赖,可直接在浏览器打开或部署为网站。

核心原则

  1. 有数据,不留空 — 所有列表、表格、图表必须内置 Mock 数据,禁止空状态
  2. 交互真实 — 按钮点击、Tab 切换、弹窗、抽屉、表单校验必须可用
  3. 中后台优先 — 默认布局:左侧导航 + 顶部 Header + 内容区,Ant Design 视觉语言
  4. 自包含 — 所有 CSS/JS 内联,允许使用 CDN(Ant Design Vue / ECharts / Tailwind)
  5. 可迭代 — 代码结构分区清晰,修改定位到具体区块

工作流程

Step 1:解析输入

根据输入类型处理:

Installs
2
First Seen
Apr 22, 2026