Vercel Agent Skills

Your AI coding agent writes React that runs. Whether it writes React that ships is a different question. Vercel just open-sourced the rulebook its own agents use to tell the difference. Vercel Agent Skills is a collection of packaged instructions in the Agent Skills format. Each skill is a set of battle-tested rules an agent loads before it touches your code. The headline ones: web-design-guidelines packs 100+ rules across accessibility, performance, and UX; react-best-practices bundles 40+ rules across 8 categories for React and Next.js optimization; and writing-guidelines brings 80+ rules for docs and prose. There is more in the box: vercel-optimize audits a project for cost, performance, and reliability wins; react-native-guidelines covers mobile; react-view-transitions and composition-patterns handle animation and component architecture; and vercel-deploy-claimable does one-click deploys with framework auto-detection. The gap these close is real. An agent without them happily ships divs that should be buttons, images with no width, and layout shift that tanks your Core Web Vitals. With the skills loaded, those mistakes get caught before they reach a PR — the same checks Vercel runs internally, now public and MIT-licensed. Install is one line: npx skills add vercel-labs/agent-skills. It works with any agent that supports the Agent Skills format, including Claude. The repo sits at ~27,500 stars and 2,500 forks. New to the format? Read what MCP is for how agents load external context, and pair these skills with the agents in our best AI coding tools roundup.