vercel-labs/agent-skills
A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities and follow the Agent Skills format.
Skills
vercel-optimizeAudits a Vercel project for cost, performance, reliability, caching, function usage, and billing opportunities.
react-best-practicesReact and Next.js performance optimization guidelines from Vercel Engineering, with rules for data fetching, rendering, bundle size, and server-side performance.
web-design-guidelinesReviews UI code against accessibility, performance, UX, forms, typography, images, navigation, theming, and internationalization rules.
writing-guidelinesReviews docs and prose against the Vercel writing handbook, including voice, structure, code samples, typography, and AI workflow guidance.
react-native-guidelinesReact Native and Expo best practices for performance, layout, animation, images, state management, architecture, and platform behavior.
react-view-transitionsGuidance for native-feeling route and component animations with React View Transitions and Next.js integration.
composition-patternsReact composition patterns for scalable component APIs, compound components, state lifting, and reducing boolean prop proliferation.
deploy-to-vercelDeploys applications and websites to Vercel, returning a live preview URL and a claim URL when supported.
Install
Install all skills from the repository:
npx skills add vercel-labs/agent-skills
Install a specific skill:
npx skills add vercel-labs/agent-skills --skill react-best-practices
Use a skill without installing:
npx skills use vercel-labs/agent-skills --skill web-design-guidelines
Skills are matched by the name field in each SKILL.md frontmatter, and live under skills/<name>/.
Usage
Skills become available once installed. Ask your agent for tasks such as deploying an app, reviewing React performance, auditing UI accessibility, optimizing a Next.js page, or checking documentation against Vercel writing guidance.