vercel-react-view-transitions
Agent skill for Claude Code, Codex & Cursor from vercel-labs/agent-skills · updated
Video & media Official
How to install vercel-react-view-transitions
$ npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-view-transitionsAdvertisement
What vercel-react-view-transitions 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 between UI states in React without third-party animation libraries.
SKILL.md
View sourceThis skill's license (Unknown) doesn't allow us to republish its full text. Read SKILL.md on GitHub.
Advertisement
More in Video & media
slack-gif-creatorKnowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."anthropics/skillsdesign-consultationDesign consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview... (gstack)garrytan/gstackdesign-motionDesign motion: animate an approved design into a seamless MP4 and GIF loop. (gstack)garrytan/gstackscreenpipeSearch screen and audio history recorded by Screenpipe and optionally save selected context into claude-mem. Use when the user asks to recall desktop activity, a meeting, or something seen in another app through Screenpipe.thedotmack/claude-memimpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens. Handles UX review, hierarchy, layout, typography, color, motion, UX copy, accessibility, responsive behavior, edge cases, and capturing or documenting design systems (DESIGN.md, tokens). Also for making bland UI bolder, loud UI quieter, or ambitious visual effects. Not for backend-only or non-UI tasks.pbakaus/impeccable