ux-animation-motion
Modèles d'animation utilisant Anime.js v4 pour les commentaires, les transitions et les célébrations de l'interface utilisateur. À utiliser lors de la mise en œuvre d'effets de survol, de transitions, de chargement d'animations ou de commentaires de gamification. Comprend une gestion des mouvements réduits. (projet)
Installation
SKILL.md
Animation system using Anime.js v4 for responsive, accessible UI motion. This skill covers animation patterns, timing, and reduced motion support.
Note: Project uses import maps to resolve animejs to local nodemodules.
| Button press | 100ms | easeOutQuad | | Toggle switch | 150ms | easeOutQuad | | Dropdown open | 200ms | easeOutQuad | | Modal appear | 200-300ms | easeOutBack | | Page transition | 300-500ms | easeInOutQuad | | Success celebration | 400-600ms | easeOutBack |
Modèles d'animation utilisant Anime.js v4 pour les commentaires, les transitions et les célébrations de l'interface utilisateur. À utiliser lors de la mise en œuvre d'effets de survol, de transitions, de chargement d'animations ou de commentaires de gamification. Comprend une gestion des mouvements réduits. (projet) Source : matthewharwood/fantasy-phonics.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion- Catégorie
- *Créativité
- Vérifié
- —
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ux-animation-motion ?
Modèles d'animation utilisant Anime.js v4 pour les commentaires, les transitions et les célébrations de l'interface utilisateur. À utiliser lors de la mise en œuvre d'effets de survol, de transitions, de chargement d'animations ou de commentaires de gamification. Comprend une gestion des mouvements réduits. (projet) Source : matthewharwood/fantasy-phonics.
Comment installer ux-animation-motion ?
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/matthewharwood/fantasy-phonics --skill ux-animation-motion Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/matthewharwood/fantasy-phonics
Détails
- Catégorie
- *Créativité
- Source
- user
- Première apparition
- 2026-02-01