proto-builder
SKILL.md
Proto Builder — 产品原型生成器
生成可交互的单文件 HTML 原型,含完整 Mock 数据,零依赖,可直接在浏览器打开或部署为网站。
核心原则
- 有数据,不留空 — 所有列表、表格、图表必须内置 Mock 数据,禁止空状态
- 交互真实 — 按钮点击、Tab 切换、弹窗、抽屉、表单校验必须可用
- 中后台优先 — 默认布局:左侧导航 + 顶部 Header + 内容区,Ant Design 视觉语言
- 自包含 — 所有 CSS/JS 内联,允许使用 CDN(Ant Design Vue / ECharts / Tailwind)
- 可迭代 — 代码结构分区清晰,修改定位到具体区块
工作流程
Step 1:解析输入
根据输入类型处理: