empty-states-and-ai-streaming
Codex 空状态技能：设计加载、流式输出与重试
EnglishCodex 安装步骤
- 在临时目录用 git clone https://github.com/Eldergenix/Codex-Design.git 取得仓库，进入克隆目录后运行 git checkout --detach 99b4b08ff62b8dd3a7a112438c1460fd6a02d09c，核对本页标明的 SKILL.md。
- 把整个 skills/empty-states-and-ai-streaming 文件夹复制到你的项目中，路径为 .agents/skills/empty-states-and-ai-streaming，保留同目录的脚本、模板与参考资料。
- 从项目目录打开 Codex，在 CLI 输入 /skills 或通过 $empty-states-and-ai-streaming 选择技能，再用下方样例验证。列表没有更新时重新启动 Codex。
中文摘要
为会话界面和搜索结果设计无数据、加载、部分输出及错误状态。适合需要展示用户可见进度、并能在中断后保留结果和重试的界面。
SKILL.md 中文导读
可复现示例
描述一个检索后生成答案的页面。第一次查询没有结果，第二次已经输出两段文字但请求中断。请用 empty-states-and-ai-streaming 技能列出状态、按钮和提示语。工作步骤
- 先区分尚未开始、无匹配项和加载中。
- 为停止、出错、限流和部分输出分别规定反馈与下一步操作。
- 用空结果与中断的样本检查已有输出和重试入口。
验收方法
两个场景的状态和下一步可区分。中断时仍可读到已经生成的两段，并能重试。进度文案只描述检索、生成等可见阶段。
GitHub 原文 · 更新日期
适用环境
适用于可加载项目技能的 Codex。示例可在本地项目中验证。技能原文中的 UI 组件安装仅适用于采用兼容组件体系的项目，先确认项目依赖。
常见问题
长任务可以显示什么进度？
显示有依据的用户可见阶段，例如正在查找文件、生成草稿或验证结果。进度未知时，使用占位布局或简短等待说明。