vercel-labs/agent-skills
FreeVercel's official skills
FreeFree tier
About vercel-labs/agent-skills
Agent Skills is a collection of packaged instructions and scripts that extend the capabilities of AI coding agents. Maintained by Vercel Labs, it provides ready-to-use skills covering Vercel project optimization (vercel-optimize), React and Next.js performance best practices (react-best-practices), web interface accessibility and UX audits (web-design-guidelines), and documentation style reviews based on the Vercel writing handbook (writing-guidelines). Each skill includes specific use cases and rules, such as 40+ rules across 8 categories for React, 100+ rules for web design, and 80+ rules for writing. The repository includes configuration files (AGENTS.md, CLAUDE.md) to help agents adopt the skills.
Key Features
Collection of reusable skills for AI coding agents
Skill: vercel-optimize – Audits Vercel projects for cost, performance, caching, and billing opportunities
Skill: react-best-practices – 40+ performance optimization rules across 8 categories from Vercel Engineering
Skill: web-design-guidelines – 100+ rules covering accessibility, performance, UX, theming, and i18n
Skill: writing-guidelines – 80+ rules for docs and prose based on the Vercel writing handbook
Includes AGENTS.md and CLAUDE.md for agent integration
Open source and free to use
Pros & Cons
Pros
- Free and open source, hosted on GitHub
- Maintained by Vercel Labs ensuring relevance to Vercel ecosystem
- Covers multiple aspects of web development (performance, design, writing)
- Packaged as ready-to-use instructions for AI coding agents
- Each skill includes detailed rules and prioritized categories
- Easy to integrate into agent workflows via AGENTS.md and CLAUDE.md
Cons
- Some skills are specific to Vercel projects (e.g., vercel-optimize) and not universally applicable
- Requires an AI coding agent that supports the Agent Skills format to execute the skills
- Skills are static collections; may need updates as Vercel or best practices evolve
Best For
Optimizing a deployed Vercel project for cost and performanceInvestigating slow or expensive routes in a Vercel applicationWriting new React/Next.js components with performance in mindReviewing existing React/Next.js code for bundle size and rendering issuesAuditing UI code for accessibility compliance and UX best practicesReviewing documentation and prose for voice, tone, and structural consistencyReducing Vercel function usage and build minutes
FAQ
What is Agent Skills?
Agent Skills is a collection of packaged instructions and scripts that extend the capabilities of AI coding agents, maintained by Vercel Labs.
What skills are available?
Currently includes vercel-optimize (Vercel project audits), react-best-practices (React/Next.js performance), web-design-guidelines (UI accessibility and UX), and writing-guidelines (docs style review).
Is Agent Skills free to use?
Yes, the repository is open source and free to use under the standard GitHub terms.
How do I use these skills with an AI agent?
Refer to the AGENTS.md and CLAUDE.md files in the repository for configuration and integration instructions.