A CLI and agent skill that scans React codebases for state, performance, security, accessibility and maintainability issues.
vercel-labs/agent-skills
A collection of installable instruction packs that give AI coding agents Vercel-specific and React/Next.js best-practice knowledge.
- Stars
- 32,747
- Forks
- 2,861
- Open issues
- 181
- Last commit
- 7 days ago
What is it?
Agent Skills is a set of packaged instructions and scripts that extend AI coding agents with specialized knowledge. Each skill is a folder with a SKILL.md file, optional helper scripts, and reference docs, following the Agent Skills format. Skills are installed with npx skills add and are picked up by the agent when a matching task appears.
The collection covers several areas. vercel-optimize audits a deployed Vercel project for cost, performance, caching and billing issues. react-best-practices, composition-patterns and react-view-transitions focus on React and Next.js performance, component design and animation. web-design-guidelines, writing-guidelines and react-native-guidelines provide review rules for UI accessibility, prose style and React Native apps. vercel-deploy-claimable lets an agent deploy a project to Vercel and return a preview URL and a claim URL.
The repository also publishes a discovery index and per-skill artifacts on each release to main.
Key features
- 01Installable with npx skills add and loaded automatically when relevant tasks appear.
- 02Includes a Vercel project audit covering cost, caching, and function usage.
- 03Provides React and Next.js performance rules covering bundle size and data fetching.
- 04Offers UI accessibility and design review rules with over 100 checks.
- 05Lets agents deploy projects to Vercel and return preview and claim URLs.
Use cases
- Reviewing a React or Next.js component for rendering and bundle performance issues.
- Auditing a deployed Vercel project for slow routes and high function costs.
- Checking a site's markup and styles against accessibility guidelines.
- Deploying a prototype from a chat session to a shareable live URL.
Quick start
- 1
Install the skills with npx
npx skills add vercel-labs/agent-skills - 2
Ask your agent a task that matches a skill, such as reviewing a React component for performance issues
Things to know
- Repository metadata lists no license, although the README states MIT.
- Some skills are tied to Vercel services, such as vercel-deploy-claimable, which uploads projects to a Vercel deployment service.
Topics
FAQ
- What is agent-skills?
- A collection of installable instruction packs that give AI coding agents Vercel-specific and React/Next.js best-practice knowledge. Agent Skills is a set of packaged instructions and scripts that extend AI coding agents with specialized knowledge. Each skill is a folder with a SKILL.md file, optional helper scripts, and reference docs, following the Agent Skills format. Skills are installed with npx skills add and are picked up by the agent when a matching task appears.
- Is agent-skills free to use? What license does it have?
- agent-skills has no declared license. Its code is public, but without a license you have no explicit permission to reuse it; ask the author before relying on it.
- Is agent-skills still maintained?
- Actively maintained. The last commit to agent-skills was on Oct 14, 2026.
- What can I use agent-skills for?
- Reviewing a React or Next.js component for rendering and bundle performance issues. Auditing a deployed Vercel project for slow routes and high function costs. Checking a site's markup and styles against accessibility guidelines. Deploying a prototype from a chat session to a shareable live URL.
- How do I install agent-skills?
- Install the skills with npx: npx skills add vercel-labs/agent-skills Ask your agent a task that matches a skill, such as reviewing a React component for performance issues
- Where can I get agent-skills?
- The source code and installation instructions are on GitHub: https://github.com/vercel-labs/agent-skills
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An open-source Next.js demo that recreates ChatGPT's Intelligent UI, streaming model answers as interactive maps, charts, forms and working tools built on OpenUI.
Feature flags and A/B tests stored as Markdown files in your repo, compiled by a CLI into a typed TypeScript client.
An open-source AI answer engine that searches the web and returns cited answers with generative UI, built with Next.js and the Vercel AI SDK.
An open-source AI coding agent that runs in the browser, letting you click an element in your running app and have it edit the source code.
A library of 215+ free, animated and customizable React and Next.js components and backgrounds, installable via shadcn or jsrepo.