Codex 用例
从创意到概念验证
使用 ImageGen 直观地探索概念，并构建你的想法的第一个版本。
难度 中级
时间周期 1h
结合 ImageGen 使用 Codex，将粗略的想法转化为视觉方向，实现最小可用原型，并在浏览器中进行验证。
适用场景
- 适用于早期产品构思，此时可运行的原型比书面计划更有说服力。
- 适用于在具体实现之前需要进行视觉探索的 Web 应用、仪表板和工具。
- 适用于希望在实际投入之前通过可运行的原型来验证产品构思的团队。
目录
从创意到概念验证
使用 ImageGen 直观地探索概念，并构建你的想法的第一个版本。
结合 ImageGen 使用 Codex，将粗略的想法转化为视觉方向，实现最小可用原型，并在浏览器中进行验证。
中级
1h
技能与插件
- ImageGen在 Codex 实现选定的设计方向之前，使用 `gpt-image-2` 生成视觉概念、UI 模型、素材方向及其变体。
- 在真实的浏览器中打开运行中的应用，检查更改的路由，并在下一次迭代之前验证每一处细微的 UI 调整。
- 将“概念优先”的工作流用于新的 Web 应用、仪表板、网站和前端原型，然后在浏览器中验证实现结果。
- 当概念验证是一款浏览器游戏，并需要可玩循环、素材工作流、HUD、引擎选择和试玩测试时，请使用 Game Studio。
| 技能 | 为什么使用它 |
|---|---|
| ImageGen | 在 Codex 实现选定的设计方向之前，使用 `gpt-image-2` 生成视觉概念、UI 模型、素材方向及其变体。 |
| Playwright | 在真实的浏览器中打开运行中的应用，检查更改的路由，并在下一次迭代之前验证每一处细微的 UI 调整。 |
| 构建 Web Apps | 将“概念优先”的工作流用于新的 Web 应用、仪表板、网站和前端原型，然后在浏览器中验证实现结果。 |
| 游戏工作室 | 当概念验证是一款浏览器游戏，并需要可玩循环、素材工作流、HUD、引擎选择和试玩测试时，请使用 Game Studio。 |
起始提示词
使用 ImageGen 为以下想法生成高质量的 UI 模型，然后使用 [Build Web Apps plugin/Game studio plugin] 将其实现：[描述该想法、目标用户和主要工作流]
使用 ImageGen 为以下想法生成高质量的 UI 模型，然后使用 [Build Web Apps plugin/Game studio plugin] 将其实现：[描述该想法、目标用户和主要工作流]
从视觉方向入手
GPT Image 2 非常擅长生成高质量的 UI 模型。在探索新想法时，与其从零开始，不如利用图像生成来获取视觉方向。
你可以通过两种方式来实现：
- 使用 ImageGen 技能对视觉方向进行迭代，对提议的 UI 满意后，你可以让 Codex 构建一个与视觉效果相匹配的原型。在这种情况下，请务必将想要实现的最终图像作为附件复制到新一轮对话中，而不是直接继续当前对话——当 Codex 能够引用用户上传的附件时，它的表现会更好。
- 使用插件并直接描述你的想法：插件会为你生成视觉方向并处理后续步骤。
利用插件
如果你在开始实现之前不需要对视觉方向进行迭代，可以使用插件来描述你的想法。
使用 构建 Web Apps 插件 适用于 Web 应用、仪表板、创意网站和重前端工具。它的工作流会促使 Codex 先生成设计，接着用代码进行还原，然后使用浏览器将结果与概念图进行比对。
使用 Game Studio 插件 当概念验证是一款浏览器游戏时使用。该路径应在扩展游戏之前定义玩家操作、初始可玩循环、引擎、素材工作流、HUD、控制和浏览器测试。
迭代工作流
一个优秀的概念验证，其范围应限定在能够快速实现并与团队共同验证的 MVP 上。如果你想确保 MVP 按预期工作，可以使用 Playwright interactive 让 Codex 验证其工作成果。
一旦你的第一个版本能够运行，你就可以通过在同一对话中提出明确的修改需求来进行迭代：
添加新的 [功能/Bug 修复/等]。使用 Playwright interactive 验证你的更改。需要应用的反馈：[粘贴评论、截图或审查记录]
