原型设计

生成可交互的 HTML 原型，聊天式修改。

生成原型

在原型阶段点击「生成原型」，AI 会根据故事卡片生成单页多 section 的 HTML 原型。

推荐三文件结构：

• index.html — 单页，所有页面作为 section
• styles.css — 所有样式
• app.js — 页面切换、状态切换、事件绑定

文件位置：prototypes/current/。

修改原型

在原型阶段右侧聊天框输入修改需求，AI 会分析并应用。支持：

• 点对点替换（精确匹配 before/after）
• AI 兜底（点对点失败时整文件重写）

版本管理

点「保存为新版本」创建快照（V1.0、V1.1 ...）。

V* 版本只读，只能预览，不能直接修改。切回「当前工作区」才能继续编辑。

导入原型

1. 点「导入原型」
2. 选择文件夹
3. 如果当前工作区已有文件，会弹确认框
4. 确认后，工作区被替换，并自动保存一份 V* 快照

导入后仍可聊天修改，与生成的原型体验一致。

设计稿生成（Pro）

点「从设计稿生成」，选择包含图片/PDF 的文件夹。AI 会解析设计稿并参考生成原型。