App 空状态、加载和错误状态设计提示词（Codex）

为同一个 App 页面设计空状态、加载和错误三种状态，各存一个文件，导航和页头与正常页面保持一致。

提示词

为 [书库] 页面另外设计三种状态，各存成单独的文件：空状态（还没有任何书的新用户，给出一个清晰的下一步）、加载状态（和真实布局一致的骨架屏占位）、错误状态（离线，带一个重试按钮）。导航和页头要和正常状态的页面完全一样。

这条提示词能做什么

Codex 会为同一个页面多设计三个版本：空状态，面向还没有任何内容的新用户，并给出一个明确的下一步；加载状态，用和真实布局形状一致的骨架屏；错误状态，针对离线的情况，带一个重试按钮。导航和页头与正常页面完全相同，变化的只有内容区。

方括号可以指向任何可能缺数据的页面，信息流、收件箱、搜索结果页都需要这三种状态。运行之前先想好空状态的下一步是什么，比如添加第一本书或导入书单，并写进提示词里，免得 Codex 自己编一个。

这些状态通常要到开发阶段才被发现，只能由开发者临场发挥。现在基于已经做好的列表页来设计，骨架屏才能和真实的列表行对得上，错误提示也能延续 App 的语气。把它们和主页面一起交给开发，四个状态就能在同一轮里一起做完。