Codex 用例
将用户故事转化为 UI 模型
将产品反馈、Issue 讨论串和设计上下文转化为团队可供评估和实现的模型。
使用 Codex 从 Slack、Linear、Google Drive 收集产品反馈，将其规范化为用户故事和约束条件，然后使用 ImageGen 生成 UI 模型。确定方向后，将模型转化为可运行的 Prototype。
适用场景
- 产品团队：将零散反馈转化为功能的视觉方向。
- 设计与工程团队：希望在构建前获得基于原始素材的模型。
- 团队：希望基于用户反馈进行快速迭代。
目录
将用户故事转化为 UI 模型
将产品反馈、Issue 讨论串和设计上下文转化为团队可供评估和实现的模型。
使用 Codex 从 Slack、Linear、Google Drive 收集产品反馈，将其规范化为用户故事和约束条件，然后使用 ImageGen 生成 UI 模型。确定方向后，将模型转化为可运行的 Prototype。
使用 Codex 从 Slack、Linear、Google Drive 收集产品反馈，将其规范化为用户故事和约束条件，然后使用 ImageGen 生成 UI 模型。确定方向后，将模型转化为可运行的 Prototype。
相关链接
适用场景
- 产品团队：将零散反馈转化为功能的视觉方向。
- 设计与工程团队：希望在构建前获得基于原始素材的模型。
- 团队：希望基于用户反馈进行快速迭代。
技能与插件
- 在已审核的反馈渠道和讨论串中，搜索用户故事、痛点、引述和待解决的问题。
- 提取功能请求、Bug 报告、标签、优先级和项目上下文，汇总到模型 Brief 中。
- 阅读包含产品反馈或设计需求的研究笔记、会议纪要、文档、表格和幻灯片。
- 获取设计上下文、截图和设计系统参考，以确保模型不会偏离产品的视觉语言。
- ImageGen根据综合提炼的用户故事和设计约束，生成 UI 模型、变体及视觉基准。
- 将选定的模型转化为可运行的 Web Prototype，并根据模型验证实现效果。
| 技能 | 为什么使用它 |
|---|---|
| Slack | 在已审核的反馈渠道和讨论串中，搜索用户故事、痛点、引述和待解决的问题。 |
| Linear | 提取功能请求、Bug 报告、标签、优先级和项目上下文，汇总到模型 Brief 中。 |
| Google 云端硬盘 | 阅读包含产品反馈或设计需求的研究笔记、会议纪要、文档、表格和幻灯片。 |
| Figma | 获取设计上下文、截图和设计系统参考，以确保模型不会偏离产品的视觉语言。 |
| ImageGen | 根据综合提炼的用户故事和设计约束，生成 UI 模型、变体及视觉基准。 |
| 构建 Web Apps | 将选定的模型转化为可运行的 Web Prototype，并根据模型验证实现效果。 |
起始提示词
简介
产品团队通常会从各种来源收集反馈，例如 Slack 讨论串、Linear Issue、Google Drive 文档或表格，或客户来电记录。有时，他们已有明确的用户故事来说明想要解决的问题；而有时，相关上下文则存在于那些来源中。
Codex 可以收集这些上下文，将其转化为能够解决问题的功能的 UI 模型，并在验证通过后将其实现到产品中。
生成视觉基准
如果您已有明确的用户故事，可以直接从此开始。如果没有，您可以先与 Codex 进行讨论，从不同来源收集上下文，并将其综合提炼为一个用户故事。
然后，您可以要求 Codex 使用 ImageGen 创建几个模型方向。生成的模型应保留产品的信息架构和设计系统约束。
如果有帮助，您可以提供当前 UI 的截图或 Figma 文件作为参考。
重复此过程，直到您对模型满意为止。变更范围越明确，Codex 就越有可能生成可直接实现的模型。
从模型到 Prototype
使用您希望 Codex 实现的最终模型图像。请在新一轮对话中重新附上此图像，而不是直接在当前对话中继续。然后，您可以要求 Codex 实现该模型——可选地使用 构建 Web Apps 插件 ——如果您正在构建 Web 应用——将其转化为可运行的 Prototype：
