motion-framer-patterns

motion-framer-patterns

Catalogue généré le 2026-05-11

En une phrase

Patterns Motion (ex-Framer Motion) pour React : enter/exit, layout animations, shared elements, gestures, reduced motion.

Quand l'utiliser

• Voir la description ci-dessus et la section « Pour aller plus loin ».

Comment l'invoquer

• Slash command : /motion-framer-patterns (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 (React) Patterns

Objectif

Snippets robustes + règles perf/cleanup.

Procédure

1. Choisir pattern (enter/layout/shared/scroll)
2. Appliquer tokens
3. Impl reduced-motion
4. QA: pas trop de layout animations simultanées

Outputs attendus

• 3 snippets (enter/layout/shared)
• Dos/Don’ts (5 max)
• Note reduced-motion

Hints

• Install: npm install motion

Source

• Plugin : perso (standalone)
• Nom interne : motion-framer-patterns
• Fichier : /home/thymon/.claude/skills/motion-framer-patterns/SKILL.md