Fixing Motion Performance
Find layout thrashing, costly animated properties, and scroll-linked bottlenecks.
React View Transitions
Guide route, state, and shared-element transitions with React’s transition APIs.
The editorial verdict
Where it earns its place.
A focused implementation guide when transitions should connect related screens or shared elements. It covers React integration, transition types, CSS recipes, and reduced motion without requiring a separate animation library. Check the exact React, Next.js, and browser requirements before choosing it for an existing application. Its recommended partner Fixing Motion Performance takes a stricter navigation-only position on View Transitions, so the two guides can disagree on list and state transitions.
Reach for it when
- Shared-element and route transitions in a compatible React application
- Directional navigation and state-change animation
Think twice if
- Your installed framework lacks the APIs used in the guide
- You need React Native or framework-independent motion advice
Before you install
Compatibility & contents.
- Claude Code
- partial
- Cursor
- partial
- Codex
- partial
- Gemini CLI
- partial
- GitHub Copilot
- partial
- License
- MIT
- Bundled scripts
- None found
- Hooks
- None found
Native: documented support. Partial: setup or adaptation may be needed. Not verified: the source has not established this fact. “None found” describes the inspected skill, not a security audit. Read the methodology.
Source context
The repository, in numbers.
Source: GitHub / vercel-labs/agent-skills. Repository totals may be shared by several skills. Snapshot fetched ; these are not live counts. Check the snapshot date for freshness. Popularity is not a measure of design quality.
Watch the overlap.
No conflicts are recorded. This does not establish that every combination has been tested.