view-transitions

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

En une phrase

Implémenter des transitions de pages via View Transition API en progressive enhancement (fallback safe). À utiliser pour navigation premium, portfolios, marketing, apps.

Quand l'utiliser

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

Comment l'invoquer

Slash command : /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 (Progressive Enhancement)

Objectif

Ajouter des transitions de navigation fluides sans casser accessibilité/perf.

Procédure

Vérifier compat / stratégie fallback
Implémenter uniquement si bénéfice clair (perception, continuité)
Préserver focus et réduire motion si demandé
Définir transitions simples : fade/slide subtil

Output attendu

Stratégie (support + fallback)
Snippet minimal (JS + CSS)
Variantes (fade / shared element)
Notes a11y + reduced-motion

Source

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