Empty States and AI Streaming Skill for Codex
Design empty, loading, partial, and error states for conversational interfaces and search results. It helps teams make visible progress and recovery actions clear while preserving partial output when appropriate.
中文Install in Codex
Use a Codex environment that can discover project skills. The example can be tested in a local project. The optional UI component in the source is for projects using a compatible component stack.
- In a temporary directory, run git clone https://github.com/Eldergenix/Codex-Design.git. Enter the clone, run git checkout --detach 99b4b08ff62b8dd3a7a112438c1460fd6a02d09c, and review the pinned SKILL.md.
- Copy the entire skills/empty-states-and-ai-streaming folder to .agents/skills/empty-states-and-ai-streaming in your own project, keeping its scripts, templates, and references together.
- Open Codex in that project. Choose the skill with /skills or mention $empty-states-and-ai-streaming, then run the example below. Restart Codex if the list does not refresh.
Example task
Describe an answer page that retrieves sources before generating. The first query has no results. The second produces two paragraphs before the request stops. Ask for the state, button, and copy for each case.What to check
The two cases are distinguishable and each has an appropriate next action. The interrupted response keeps its two paragraphs and offers retry. Progress copy names observable phases such as retrieval or generation.
Original SKILL.md on GitHub · Updated
Frequently asked question
What progress can a long-running AI task display?
Use observable stages such as finding files, drafting, or checking output. If progress is unknown, use a layout placeholder or brief waiting copy.