概览
使用 Codex 配合 ImageGen，将一个粗略想法转化为视觉方向，实现最小可用原型，并在浏览器中验证它。
适合场景
- 适用于产品早期想法：相比书面计划，可运行的原型能回答更多问题。
- 适用于在实现前需要先进行视觉探索的 Web 应用、仪表盘和工具。
- 适用于希望在进一步投入前，先用可运行原型验证产品想法的团队。
构建概念验证
使用 ImageGen 为以下想法生成高质量 UI 模型图，然后使用 [Build Web Apps plugin/Game studio plugin] 来实现它： [描述这个想法、目标用户和主要工作流]
建议推理强度：高
先确定视觉方向
GPT Image 2 非常擅长生成高质量的 UI 模型图。在探索新想法时，你不必从零开始，可以借助图像生成功能先获得一个视觉方向。
你可以通过两种方式来完成：
- 使用 ImageGen skill 迭代视觉方向；当你对提出的 UI 满意后，可以让 Codex 构建一个与视觉效果匹配的原型。在这种情况下，请务必在新的对话轮次中复制你最终想实现的图片，而不是直接继续当前对话——当 Codex 可以引用用户附件时，效果会更好。
- 使用插件，直接描述你的想法：插件会为你生成视觉方向，并处理后续步骤。
借助插件
如果你不需要在开始实现之前先迭代视觉方向，可以使用插件并描述你的想法。
对于 Web 应用、仪表盘、创意网站和前端占比较高的工具，请使用 Build Web Apps plugin。其工作流会推动 Codex 先生成设计，再在代码中还原设计，并使用浏览器将结果与概念进行对比。
当概念验证是一个浏览器游戏时，请使用 Game Studio 插件。这一路径应先定义玩家动作、首个可玩循环、引擎、资源工作流、HUD、控制方式以及浏览器测试，然后再扩展游戏。
迭代工作流
一个好的概念验证应当以可快速实现并可与团队验证的 MVP 为范围。 如果你想确保 MVP 按预期运行，可以使用 Playwright interactive 让 Codex 验证其工作。
当第一个版本可用后，你可以在同一对话中通过请求范围明确的修改来继续迭代：