À utiliser pour indiquer une progression ou une attente : flèches, barres de progression, écrans squelettes, effets chatoyants ou toute animation montrant que le système fonctionne.
Installez rapidement le skill IA loading-states dans votre environnement de développement via la ligne de commande
Source : dylantarre/animation-principles.
Squash & Stretch: Progress indicators can pulse/breathe to show life. Slight scale oscillation (0.98-1.02).
Anticipation: Show loading state immediately on action. Don't wait for slow response to show spinner.
Staging: Loading indicators appear where content will be. Skeleton screens match final layout.
À utiliser pour indiquer une progression ou une attente : flèches, barres de progression, écrans squelettes, effets chatoyants ou toute animation montrant que le système fonctionne. Source : dylantarre/animation-principles.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/dylantarre/animation-principles --skill loading-statesÀ utiliser pour indiquer une progression ou une attente : flèches, barres de progression, écrans squelettes, effets chatoyants ou toute animation montrant que le système fonctionne. Source : dylantarre/animation-principles.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill loading-states Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/dylantarre/animation-principles