Skip to content
SkillCheatSheet Sign in

vercel-react-view-transitions

An AI agent skill from vercel-labs/agent-skills, scored 45 out of 100 by code.

45/ 100D

Code score by group

  • Spec12/20
  • Description12/20
  • Procedure3/15
  • Done criteria0/15
  • Resources8/10
  • Scripts5/8
  • Safety3/7
  • Upkeep2/5

It loses the most points in Done criteria (15), the group that checks whether there is a checklist and a step that verifies the work.

What the author says it does

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 be…

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
vercel-labs/agent-skills
Folder
skills/react-view-transitions
License
Not identified by GitHub
GitHub stars
33,930
SKILL.md lines
333
Other files
8

Add vercel-react-view-transitions to your agent

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

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored. GitHub identifies no license for this repository, so check its terms before you use it.

More skills from vercel-labs/agent-skills

  1. deploy-to-vercel

    Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a previ…

    79B
  2. vercel-cli-with-tokens

    Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel"…

    74B
  3. vercel-optimize

    Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config,…

    71B
  4. writing-guidelines

    Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page ag…

    67C
  5. vercel-react-best-practices

    React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optim…

    54D
  6. vercel-react-native-skills

    React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or worki…

    50D

All skills in vercel-labs/agent-skills

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.