Qu'est-ce que icons-badges ?
À utiliser lors de l'animation d'icônes, de badges, d'avatars, d'indicateurs d'état ou de petits éléments visuels pour ajouter de la personnalité et des commentaires Source : dylantarre/animation-principles.
·icons-badges
*
icons-badges
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
À utiliser lors de l'animation d'icônes, de badges, d'avatars, d'indicateurs d'état ou de petits éléments visuels pour ajouter de la personnalité et des commentaires
Installation
Comment installer icons-badges
Installez rapidement le skill IA icons-badges dans votre environnement de développement via la ligne de commande
- Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
- Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges
- Vérifier l'installation: 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
Source : dylantarre/animation-principles.
SKILL.md
Voir l'originalApply Disney's 12 principles to small UI elements for personality and meaningful feedback.
Squash & Stretch Heart icons can squash/stretch on "like" tap. Notification badges can bounce with squash on arrival. Adds life to small elements.
Anticipation Before icon action, brief scale down (0.9) for 50ms. Bell can tilt back before ringing forward. Prepares for action.
À utiliser lors de l'animation d'icônes, de badges, d'avatars, d'indicateurs d'état ou de petits éléments visuels pour ajouter de la personnalité et des commentaires Source : dylantarre/animation-principles.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-03-05
- Mis à jour
- 2026-03-10
Réponses rapides
Comment installer icons-badges ?
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 icons-badges 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
Où se trouve le dépôt source ?
https://github.com/dylantarre/animation-principles
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-03-05