What is loaders-spinners?
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status Source: dylantarre/animation-principles.
·loaders-spinners
*
loaders-spinners
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
Installation
How to Install loaders-spinners
Quickly install loaders-spinners AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill loaders-spinners
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: dylantarre/animation-principles.
SKILL.md
View rawApply Disney's 12 principles to loading indicators for engaging, informative wait experiences.
Squash & Stretch Bouncing dot loaders should squash on landing, stretch while rising. Creates life-like, playful motion.
Anticipation Before progress completes, bar can briefly pause or slow. Spinners can decelerate before stopping. Signals completion coming.
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status Source: dylantarre/animation-principles.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dylantarre/animation-principles --skill loaders-spinners- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-03-05
- Updated
- 2026-03-10
Quick answers
How do I install loaders-spinners?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill loaders-spinners Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/dylantarre/animation-principles
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-03-05