OpenAgentSkill Registry Manifest
Skill: vercel-react-view-transitions
Slug: vercel-labs-vercel-react-view-transitions
Category: design-creative
Description: Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

Agent fit:
- Decision: 100/100 Production-ready
- Primary fit: Browser automation
- Role: Primary pick

Supply profile:
- Track: Design and creative production
- Scenario: Multimodal media
- Applicable agents: Claude Code, Browser agents, CLI, Codex, Cursor
- Maintenance: 7d since push
- Risk: Safe to try

Trust:
- Trust score: 85/100 Strong shortlist
- Audit: 90/100 Safe to try

Attribution:
- Status: Registry indexed
- Source: github candidate review
- Creator: vercel-labs
- Claim URL: https://www.openagentskill.com/skills/vercel-labs-vercel-react-view-transitions#claim-this-skill

Install:
npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitions

URLs:
- Web: https://www.openagentskill.com/skills/vercel-labs-vercel-react-view-transitions
- API: https://www.openagentskill.com/api/agent/skills/vercel-labs-vercel-react-view-transitions
- Install API: https://www.openagentskill.com/api/skills/vercel-labs-vercel-react-view-transitions/install
- Repository: https://github.com/vercel-labs/agent-skills/tree/main/skills/react-view-transitions