MockCraft – AI 原型风格救急包

把 Codex/Claude 生成的原型图一键升级为专业级设计

痛点

开发者用 Codex 做 UX 原型时，生成的设计往往字体、间距、配色都很‘土’，交互也生硬，即便挂了 apple-design 之类的 skill 也救不回来。想做出炫酷效果却不知道从何下手，只能反复重试碰运气。

方案

一个原型后处理器：接收 Codex/Claude 生成的 HTML/CSS 原型，通过预设的高质量设计系统（字体对、间距节奏、配色方案、微交互）自动重绘视觉层，输出明显更专业的版本。用户可切换不同设计风格（极简、苹果风、Material 等），也可以导出设计令牌供后续开发使用。

用户

用 AI 做原型的产品经理、独立开发者、早期创业者

MVP

上传或粘贴 AI 生成的原型 HTML/CSS；内置 3-5 套精选设计系统自动应用；一键切换风格并实时预览；导出优化后的代码和设计令牌；MVP 只做视觉层优化，不改动布局和交互逻辑。

变现

买断制（$19-29）或按次付费（$2-3/次优化）；免费版每天限 2 次优化且带水印预览。

为何现在

Vibe coding 让大量非设计师开始做原型，但 AI 生成的视觉质量是普遍痛点；高质量设计系统可以预先编码规则，独立开发者无需大团队即可交付显著效果。