今天分享一下用 Codex + Pencil 直接生成可编辑的产品原型。
整个流程其实很简单，就三步：
1️⃣ 在 VS Code 安装 Pencil 插件
2️⃣ 用 design-generator 这个 Skill 生成一份 design.md（设计规范）
3️⃣ 根据需求 + design.md，直接生成原型设计稿
重点在第二步的 design.md：
它相当于一份“写给 AI 的设计说明书”，
用来约束页面结构、组件风格和交互规则。
如果你发现 AI 生成的原型不符合规范，
只需要一句话：
👉「按 design.md 重构」 就可以让页面重新对齐设计标准。
这套方式特别适合：
✅ 售前快速出方案
✅ 产品原型初稿生成
✅ 多版本快速对比
从“手动画原型”到“描述生成原型”， 整个产品设计流程，已经在悄悄变化。
