Ai Loading Ux
This is a decision framework for designing loading states in AI interfaces. It breaks down waiting patterns into four categories (reasoning display, progress steps, streaming states, status indicators) and gives you specific guidance for each. The "elevator mirror effect" principle is solid: users perceive wait time as shorter when they have something to watch. The comparisons between Claude, ChatGPT, DeepSeek, and Gemini are particularly useful for understanding tradeoffs between transparency and cognitive load. Use this when you're building any AI feature where users wait more than a second or two and you need to decide whether to show thinking steps, hide them, or make them expandable.
- skills.sh installs
- 118
- GitHub stars
- 24
- last updated
- Jun 3, 2026
Install
$ npx -y skills add shipshitdev/library --skill ai-loading-ux --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a decision framework for designing loading states in AI interfaces. It breaks down waiting patterns into four categories (reasoning display, progress steps, streaming states, status indicators) and gives you specific guidance for each. The "elevator mirror effect" principle is solid: users perceive wait time as shorter when they have something to watch. The comparisons between Claude, ChatGPT, DeepSeek, and Gemini are particularly useful for understanding tradeoffs between transparency and cognitive load. Use this when you're building any AI feature where users wait more than a second or two and you need to decide whether to show thinking steps, hide them, or make them expandable.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/shipshitdev/library
- Category
- AI & Agent Building
- First seen
- Jun 3, 2026
More from shipshitdev/library
All 56- Mongodb Migration Expert118
- Husky Test Coverage116
- Positioning Angles116
- Devcontainer Setup115
- Early Hiring Advisor115
- Advanced Evaluation114
- Financial Operations Expert1.7K
- Youtube Video Analyst1.1K
- Nestjs Testing Expert623
- Copywriter397
- Brand Name Generator318
- Competitive Intelligence Analyst313
- Idea Validator236
- Context Optimization234
- Expo Architect233
- Funnel Architect227
- Brand Architect222
- Nestjs Queue Architect201
- Mvp Architect197
- Design Consistency Auditor192
- Landing Page Vercel188
- Email Finder186
- Execution Accelerator180
- Business Model Auditor166
Recommended
More AI & Agent Building
axiom-xcode-mcp-setupcharleswiltgen/axiomXcode MCP setup — enable mcpbridge, per-client config, permission handling, multi-Xcode targeting, troubleshooting113skills.sh installsaxiom-xcode-mcp-toolscharleswiltgen/axiomXcode MCP workflow patterns — BuildFix loop, TestFix loop, preview verification, window targeting, tool gotchas113skills.sh installs
check-agent-compatibilitycursor/pluginsRun the full repository compatibility pass: scanner score, startup path, validation loop, and docs reliability.4skills.sh installs
Agent Browseram-will/codex-skillsA fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to navigate, click, type, and snapshot pages via structured comma0skills.sh installs