Development
Stripe Apps Development
Covers Stripe Dashboard apps and extensions, including UI SDKs, manifests, authentication, and event-driven workflows.
Stripe13 filesLoading page…
VercelVercel React View Transitions
Implement page transitions and shared-element animations with React's View Transition API.
What does it do?
Implement page transitions and shared-element animations with React's View Transition API.
Read the publisher's original 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.
Source information
- Repository
- vercel-labs/agent-skills
- Revision
1a2c79d- Source check
- November 11, 2026
- License
- MIT
- Content
- 9 files
File verification hash
SKILL.md / SHA-256
693acbddd1d2dcf774286867efbc9a5c09dce2da6f21f8e12618187a92f2106aKnow the source and the review scope.
This record comes from the publisher's repository. The skill and supporting files have not undergone a security audit. Review the contents and required permissions before installing.
Read the selection policyAdd to project
In your project folder's terminal
npx skills add 'https://github.com/vercel-labs/agent-skills/tree/1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62/skills/react-view-transitions' -a claude-codeRequires Node.js 22.20 or later. The command targets the catalog's pinned revision.
- 1Run the command in your project folder.
- 2Confirm the skill and target in the CLI.
- 3Restart your agent and invoke the skill by name.
Other agents may require an external tool or adaptation.
The ZIP includes the entire repository and its supporting files.
Related skills
Open categoryStripe13 filesDevelopment
Stripe Integration Best Practices
Helps plan Stripe payments, subscriptions, and marketplace integrations, including API choices, test environments, webhooks, and key handling.
Stripe7 filesDevelopment
Vercel React Best Practices
React and Next.js performance optimization guidelines from Vercel Engineering.
Vercel76 filesDevelopment
Vercel React Native Skills
React Native and Expo best practices for building performant mobile apps.
Vercel42 files