Codex 实战：一诺 AI 朋友圈创作平台的产品与页面实现

这是一个真实产品实践：一诺 AI 朋友圈创作平台已上线于 wechat.yinuo-ai.com。它聚焦一个具体问题：有真实素材的人，如何更快写出保留自己语气的朋友圈内容。

适用场景

你想把一个模糊的内容工具想法做成可访问页面，而不是只停留在需求文档或原型图里。

输入

• 用户要解决的真实表达问题。
• 最小功能范围：真实创作、惊喜盲盒、个人设定。
• 页面文案、使用路径和不做的事情。

工作流

用户问题 → 功能边界 → 页面信息架构 → Codex 实现 → 本地验证 → 上线后继续根据使用反馈迭代。

工具组合

Codex 负责将任务拆解为代码改动、页面组件与验证动作；人负责产品优先级、内容语气、最终视觉判断和上线决定。

操作步骤

1. 先写一句产品承诺：用户输入什么，最终得到什么。
2. 只保留首屏必须操作的功能，其他能力进入后续迭代清单。
3. 将页面拆为导航、输入区、选择区、结果区和状态反馈。
4. 让 Codex 逐个实现组件，并在每次改动后本地检查交互与移动端。
5. 上线前用真实素材走完整条路径，记录无法理解、无法点击或无法验收的环节。

可用指令

请把以下产品需求拆成可交付的前端任务。
产品目标：【填写一句话目标】
首发功能：【列出 3—5 项】
页面必须包含：【列出模块】
请按“任务、影响文件、验收方式、风险”输出；不要自行增加登录、支付或后端能力。

验收标准

• 新用户能看懂产品解决什么问题。
• 主要输入、选择和生成入口在一屏内可识别。
• 移动端不出现遮挡、横向滚动或无法点击的控件。
• 真实素材能完整走完一遍产品流程。

风险提醒

产品页面看起来完整，不代表内容结果天然可靠。涉及用户表达的产品，必须让用户保持编辑权，并明确哪些内容由 AI 生成。