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 optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
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 preview deployment".
A design workflow that uses HTML to create high-fidelity prototypes, interactive demos, slide presentations, animations, and visual variations. It treats HTML as the production tool while adapting the output to the design task.
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", "set up vercel", "add environment variables to vercel".
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
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, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and…
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 optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
Guide for implementing smooth, native-feeling animations using React's View Transition API ( 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…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
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 against the writing handbook".
A project instruction guide for coding agents. It explains which rules and documents to read, how those rules take priority, and where different kinds of project information belong.
A software architecture guide for planning how an application is organised, changed, and scaled. It reviews existing systems and records design decisions, trade-offs, and possible future problems.
A coding agent for fixing TypeScript, compilation, dependency, and build-configuration errors. TypeScript is a programming language that checks types before code runs, while a build turns source code into a runnable application.
An automated code-review role that checks changed code for readability, security, maintainability, performance, testing, and library-license concerns. Its review output groups findings by severity and includes file locations and suggested fixes.
An AI agent that keeps a project's documentation and code maps aligned with its source code. A code map is a guide to the project's folders, modules, dependencies, routes, and data flow.
An end-to-end testing agent built around Playwright, a tool that drives real browsers through user journeys. It creates, maintains, runs, and reports on these tests.
A planning agent for complex features, architecture changes, and major refactoring. It turns a broad coding request into a detailed implementation plan.
A code-maintenance workflow that finds unused code, duplicate code, unused dependencies, and exports that are no longer needed, then removes them carefully.