vercel-react-view-transitions vs Brand Guidelines
Side-by-side comparison of two Claude Agent Skills. Pick the right one for Claude Code or Claude Desktop.
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran
Apply a consistent brand voice and style
Comparison
| Feature | vercel-react-view-transitions | Brand Guidelines |
|---|---|---|
| Bundled scripts | no | no |
| Allowed tools | any | any |
| Install scope | personal | project |
| Category | coding | business |
| Verified | ||
| License | MIT | MIT |
| Author | Vercel | Anthropic |
| Repo | vercel-labs/agent-skills | anthropics/skills |
When to pick vercel-react-view-transitions
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.
When to pick Brand Guidelines
A template skill that teaches Claude a brand’s colors, typography, tone and do/don’t rules so every output stays on-brand. Fork it and fill in your brand.
Looking for something else? Browse all skills.