ai-loading-ux
✓Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time.
Installation
SKILL.md
Design patterns for showing users what's happening while waiting for AI output.
| User is waiting for... | Pattern Category | Key Goal |
| AI reasoning/thinking | Reasoning Display | Build trust through transparency | | Multi-step task completion | Progress Steps | Show advancement toward goal | | Content generation/streaming | Streaming States | Reduce perceived wait time | | Background processing | Status Indicators | Confirm work is happening |
Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time. Source: shipshitdev/library.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux- Source
- shipshitdev/library
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is ai-loading-ux?
Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time. Source: shipshitdev/library.
How do I install ai-loading-ux?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/shipshitdev/library --skill ai-loading-ux Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/shipshitdev/library
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01