App 需求说明和页面清单提示词（Codex）
写清 App 的用户、核心循环和平台，让 Codex 列出第一版需要的全部页面，分好组并说明每个页面的用途。
提示词
我们在设计 [Pagely，一款培养阅读习惯的 App]。用户是 [想每天读 10–30 分钟书、却总是忘记的成年人]。核心循环：[设定每日目标，用计时器阅读，保持连续打卡]。平台：[先做 iOS]。 列出第一个版本需要的所有页面，分成新手引导、核心循环和设置三组。每个页面用一句话说明用途，再列出页面上最重要的三样东西。
- 适用于
- Codex, ChatGPT
- 所属合集
- 手机 App
这条提示词能做什么
Codex 会给出第一个版本的页面清单，分成新手引导、核心循环和设置三组。每个页面都有一句话的用途说明，外加页面上最重要的三样东西，合起来就是一份轻量的需求规格，在画任何界面之前就能先检查一遍。
四个方括号都要换掉：App 是什么、用户是谁以及他们遇到的问题、用几个动作描述的核心循环，以及先做哪个平台。最关键的是核心循环，写成三个动作，比如「设目标、读书、保持打卡」，Codex 就能分清哪些页面是核心，哪些只是辅助。
开始设计之前先把清单删减一遍，第一版列出来的页面通常比实际需要的多。每个页面「最重要的三样东西」后面还用得上：首页提示词会要求你点名一个最重要的元素，答案多半就在这份清单里。
同一合集里的其他提示词
- App 新手引导流程设计提示词（Codex）用统一的风格设计三个相连的 390×844 新手引导页面：欢迎页、目标选择页和首页，插画用 CSS 绘制。
- App 首页设计提示词（Codex）为老用户设计 App 首页：围绕你指定的最重要元素展开，下面依次排内容、主按钮、统计和底部标签栏。
- App 列表页和详情页设计提示词（Codex）设计带搜索框和筛选标签的列表页，以及点进去的详情页，分成两个文件，书名和数字都用真实可信的内容。
- App 设置页设计提示词（Codex）用标准分组列表设计 App 设置页：每行显示当前值，该用开关的地方用开关，删除账户这类危险操作放底部标红。
- App 空状态、加载和错误状态设计提示词（Codex）为同一个 App 页面设计空状态、加载和错误三种状态，各存一个文件，导航和页头与正常页面保持一致。
- App 深色模式设计提示词（Codex）为 App 页面做深色模式：用带色调的深色背景代替纯黑，降低点缀色饱和度，文字对比度达到 WCAG AA。