motion-system
motion-system
Catalogue généré le 2026-05-11
En une phrase
Concevoir un motion system cohérent (principes, tokens, patterns) et le livrer sous forme de règles + snippets réutilisables.
Quand l'utiliser
- Voir la description ci-dessus et la section « Pour aller plus loin ».
Comment l'invoquer
- Slash command :
/motion-system(si exposé dans ton CLI) - Phrases déclencheurs : voir la description complète ci-dessous
- Auto-invocation : sur demande explicite
Pour aller plus loin
Motion System
Objectif
Produire une grammaire motion cohérente: tokens + patterns + règles reduced-motion.
Procédure
- Intentions (hiérarchie, causalité, feedback, émotion)
- Tokens (durations/eases/distances)
- Patterns (enter/hover/focus/modal/list/page)
- Règles reduced-motion
Outputs attendus
- Principes (6–10 lignes)
- Tokens + CSS vars
- 6 patterns avec snippets
- Matrice normal vs reduce
Hints
- Préférer transform/opacity; éviter layout/paint si possible.
Source
- Plugin :
perso (standalone) - Nom interne :
motion-system - Fichier :
/home/thymon/.claude/skills/motion-system/SKILL.md