Skip to main content

motion-view-transitions

motion-view-transitions

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

En une phrase

Implémenter View Transitions (SPA/MPA) + shared element transitions en progressive enhancement, avec reduced-motion et focus safe.

Quand l'utiliser

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

Comment l'invoquer

  • Slash command : /motion-view-transitions (si exposé dans ton CLI)
  • Phrases déclencheurs : voir la description complète ci-dessous
  • Auto-invocation : sur demande explicite

Pour aller plus loin

View Transitions & Shared Elements

Objectif

Transitions natives fluides + fallback.

Procédure

  1. Support + fallback
  2. Transition globale + shared elements
  3. Focus + reduced-motion
  4. QA navigation/back/forward

Outputs attendus

  • Stratégie progressive enhancement
  • Snippet minimal (JS + CSS)
  • Variante reduced-motion
  • Checklist QA

Source

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