Jetons de mouvement de base, préréglages de ressort (spring presets), règles d'accessibilité et modèles d'animation compatibles SSR pour React/Next.js utilisant motion/react.
Définit une couche de base de primitives et de règles de mouvement pour les projets React/Next.js utilisant motion/react. Il standardise les jetons de durée, les préréglages de ressort et les barrières d'accessibilité (prefers-reduced-motion), et fournit des modèles compatibles SSR pour éviter les erreurs de mismatch d'hydratation. Le skill codifie quand animer, quelles propriétés sont sûres, et fournit des cartes de jetons partagées et des hooks d'aide afin que les skills descendants puissent implémenter des animations cohérentes et performantes.
Utilisez ce skill lors du démarrage de tout travail d'UI animée : création de composants animés, établissement de jetons de mouvement pour un système de design, application de défauts respectueux de l'accessibilité, ou débogage de problèmes d'animation liés à l'hydratation. Activez-le lorsque vous avez besoin d'un comportement de mouvement prévisible et transversal dans une base de code.
shouldAnimate(), des modèles de montage SSR et des règles explicites (pas d'animations de layout, toujours utiliser les jetons, protection contre la réduction des mouvements).Compatible avec les agents orientés développement et les assistants de codage travaillant avec des bases de code React et Next.js (Copilot, Codex, Cursor, Gemini CLI). Le skill est agnostique au langage mais adapté aux environnements JS/TS React.
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.
