AI 实践一个围绕单一产品说明对象、问题、价值、证据和行动入口的完整介绍页。
开始前准备
先把材料准备好，再让 Codex 动手。缺少真实内容时先留空，不要让它替你编造。
- 写清产品服务谁、解决什么问题
- 准备真实功能、价格或体验方式
- 准备可以公开使用的图片与证据
第一版只做这些
这一轮只完成最小可用版本。下面四项全部完成以后，再考虑增加功能。
- 首屏一句话说清产品
- 功能围绕用户任务排列
- 证据与限制均为真实信息
- 页面只有一个主要行动
跟着完成一次
不要一次把全部要求扔给 Codex。按顺序完成，每一步都先看结果，再继续下一步。
- 01
先把事实、待确认项和禁止编造项整理成内容表。
- 02
确定从问题到行动的阅读顺序和移动端优先级。
- 03
实现静态页面和必要交互，所有按钮接真实地址或明确标注未开放。
- 04
检查页面性能、无障碍、SEO 基础信息和全部链接。
- 05
邀请一位不了解产品的人试读，并根据误解点修正。
复制给 Codex 的完整任务
把方括号中的内容替换成你自己的真实材料，再复制给 Codex。
请在当前练习目录为【产品名称】制作一个产品介绍页。先读取现有素材，把事实、我的判断和待确认信息分开，列出任何缺少的价格、链接或证据；未确认内容不得自行补写。结构需回答：这是给谁的、解决什么问题、怎样工作、有什么真实依据、有哪些边界、下一步做什么。确认方案后再实现，优先使用现有项目技术栈和项目内依赖。完成后启动页面，检查桌面与手机布局、按钮目标、标题层级、表单状态、SEO 元信息和加载性能，并把无法验证的内容单独列出。
Skill 怎么参与
Skill 只是帮助你加快某一步，不是完成项目的前提。没有安装，也可以让 Codex 按同样的目标继续做。
用于从内容出发确定说服路径和视觉结构。
仅在缺少原创装饰素材时使用，产品截图与事实证据仍必须是真实的。
用于检查行动路径、响应式和表单状态。
第一版完成以后
确认第一版可以使用，再复制下面这段升级任务。不要在基础功能还没跑通时提前增加。
请在不改动核心事实的前提下升级当前产品页：加入一个可操作的功能演示或对比示例，让访客不靠形容词也能理解价值。先说明演示所需的真实数据和隐私边界，经确认后实现，再用浏览器走完主要行动路径并记录结果。
常见偏差
- 把产品页写成形容词堆砌，没有可验证的实际内容。
- 同一屏放多个主要按钮，让用户不知道下一步。
完成检查
- 首屏能说清对象、问题和下一步。
- 所有商业事实来自已提供材料。
- 按钮、表单和错误状态可操作。
- 移动端阅读顺序完整。