20 React View Transitions alternatives
React View Transitions: Vercel's official guide to React's <ViewTransition> API — shared elements, list identity, Suspense reveals and directional route animations without an animation library. 20 agent skills do similar work, most sharing Frontend, React and Vercel, ranked by how much they have in common with React View Transitions.
Back to React View Transitions
-
by Vercel
Vercel's official skill for React component architecture — replace boolean prop proliferation with compound components, lifted state and explicit variants. Includes React 19 APIs.
-
by Vercel
Vercel Engineering's React and Next.js performance playbook as an agent skill — 70 rules across 8 categories, ordered by impact, for writing and refactoring fast components.
-
by Datadog
Official Datadog skill that adds or repairs Browser RUM in a web app — detects framework, router, bundler and existing setup, then wires init once and verifies the build still passes.
-
by Vercel
Vercel's official skill for auditing UI code against the Web Interface Guidelines — accessibility, performance and UX rules reported as terse file:line findings.
-
by Cloudflare
Cloudflare's routing skill for Next.js on Workers — sends the agent to vinext, the Vite-based Next.js runtime Cloudflare now recommends ahead of OpenNext.
-
by Vercel
Vercel's official optimization skill: collects real production metrics first, then returns ranked, citation-checked cost and performance fixes.
-
by GreenSock
GreenSock's official ScrollTrigger skill — scroll-linked animation, pinning, scrub and trigger positioning, with the exact start/end syntax agents get wrong.
-
by Google Labs (Stitch)
Google's official Stitch build skill for shadcn/ui — component discovery, installation, customisation and the conventions that keep a generated UI idiomatic.
-
by Google Labs (Stitch)
Google's official Stitch skill that reverses the usual direction — turns an existing React, Vue, Angular or Vite front end back into an editable Stitch design.
-
by Figma
Figma's official design-to-code skill — a mandatory pre-step to get_design_context that turns a Figma node into components matching your real stack, not generic markup.
-
by Vercel
Audit UI code against Vercel's Web Interface Guidelines — accessibility, interaction, performance and layout rules — reported as terse file:line findings.
-
by GreenSock
GreenSock's official skill for the GSAP core engine — tweens, eases, staggers, defaults and responsive/reduced-motion animation via matchMedia.
-
by Anthropic
Create generative art with p5.js — flow fields, particle systems, and seeded randomness with interactive parameter exploration.
-
by Vercel
Vercel's official skill for reviewing documentation and prose against its writing handbook — voice, structure, code samples and typography, reported as file:line findings.
-
by Vercel
Vercel's official deployment skill — inspects project state, picks the right deploy path, and defaults to preview deployments with a claimable URL when no account is linked.
-
by WordPress
Official WordPress skill for Gutenberg block work: block.json, attributes and serialization, dynamic rendering, and the deprecation path that keeps existing content valid.
-
by Better Auth
Scaffold authentication in a TypeScript or JavaScript app with Better Auth — the skill detects the framework, ORM and package manager first, then plans before writing code.
Also: Next.js
-
by Clerk
Clerk's official skill for advanced Next.js auth: middleware strategy, protecting Server Actions, caching-safe auth() usage, session tokens and manual JWT verification.
Also: Next.js
-
by alchaincyf
Agent skill that makes product launch films: it reads your product, offers three directions, scripts and scores the film, then lets you point at a frame to change it.
Also: Animation
-
by EL4CTEO
22 agent skills covering the Blender 5.2 pipeline: modeling, UVs, PBR, baking, rigging, animation, optimization, export and QA.
Also: Animation
