概览
使用 Codex 从 Slack、Linear、Google Drive 收集产品反馈，将其规范整理为用户故事和约束条件，然后用 ImageGen 生成 UI 模拟图。当方向确定后，再将模拟图转化为可运行的原型。
适合场景
- 希望将分散反馈整理成某个功能视觉方向的产品团队。
- 希望在构建前先基于源材料产出模拟图的设计和工程团队。
- 希望基于用户反馈快速迭代的团队。
根据用户故事创建模拟图
将这个[用户故事/一组用户反馈]转化为一个可解决该问题的功能 UI 模拟图，并使用以下来源作为背景信息： - @slack [频道或讨论串链接] - @linear [问题链接、项目、团队或视图] - @google-drive [研究笔记、问卷导出、文档、表格或幻灯片] 同时请遵循当前的设计系统和现有 UI [提供 Figma 文件或截图作为参考]。
建议推理强度：中
简介
产品团队通常会从各种来源收集反馈，例如 Slack 讨论串、Linear 问题、Google Drive 文档或表格，或客户通话笔记。有时，他们已经有清晰的用户故事来说明想要解决的问题；有时，相关背景则分散在这些来源中。
Codex 可以收集这些背景信息，并将其转化为某个可解决问题的功能 UI 模拟图；一旦验证通过，还可以将其实现到产品中。
生成可视化方案
如果你有清晰的用户故事，可以直接从那里开始。如果没有，你也可以先与 Codex 讨论，从不同来源收集背景信息并将其整合为用户故事。
然后，你可以让 Codex 使用 ImageGen 创建几个模拟方向。这些模拟图应保留产品的信息架构和设计系统约束。
如果有帮助，你可以提供当前 UI 的截图或 Figma 文件作为参考。
重复这个过程，直到你对模拟图满意为止。改动范围越明确，Codex 生成可直接实现的模拟图的可能性就越高。
从模拟图到原型
使用你希望 Codex 实现的最终模拟图图片。请在新一轮对话中重新附加这张图片，而不是直接继续当前对话。 然后，你可以让 Codex 实现该模拟图——如果你正在构建 web 应用，也可以选择使用 Build Web Apps plugin——将其转化为可运行的原型：