Repolode
vercel-labs

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. 1

    Install the skills with npx

    npx skills add vercel-labs/agent-skills
  2. 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