React View Transitions

Name: React View Transitions
Author: vercel-labs

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements).

Skill32.3k stars on vercel-labs/agent-skills · shared by 10 skills

Install

Use it in

Terminal is for Claude Code, Codex, Cursor and Copilot.

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

Works in Claude Code, Codex, Gemini CLI, Cursor and Copilot. The command picks the right folder for your agent.

Part of

Developers · Frontend kitpick 7 of 7

About

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements).

react-view-transitions
skill
vercel-labs

Next in the Frontend kit

Whole kit

Frontend Ui Engineering
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility…
Skill
109.4k· repoGitHub stars for addyosmani/agent-skills, shared by the 25 skills listed from this repo
React Best Practices
React and Next.js performance optimization guidelines from Vercel Engineering.
Skill
32.5k· repoGitHub stars for vercel-labs/agent-skills, shared by the 10 skills listed from this repo
React Composition Patterns
React composition patterns that scale and avoid boolean prop proliferation.
Skill
32.5k· repoGitHub stars for vercel-labs/agent-skills, shared by the 10 skills listed from this repo