Skip to content
Submit

Vercel's official agent skills

Vercel's own skill pack: React and Next.js best practices, deployment and web design review for coding agents.

Try it in 60 seconds

npx skills add vercel-labs/agent-skills

Install command copied from the project README. Check the README for the latest version.

What it does

Vercel's own skill pack: React and Next.js best practices, deployment and web design review for coding agents.

A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities.

Audits a Vercel project for cost, performance, reliability, caching, function usage, and billing opportunities. It collects Vercel metrics first, then investigates only the routes and files those metrics point to.

Quoted from the README of vercel-labs/agent-skills.

Inside the repo

Available Skillsvercel-optimizereact-best-practicesweb-design-guidelineswriting-guidelinesreact-native-guidelinesreact-view-transitionscomposition-patternsvercel-deploy-claimableInstallationUsageDiscovery index

Step by step

  1. Open the GitHub repo and read the README.
  2. Run the install command below in your terminal (or copy the skill folder into ~/.claude/skills/ for Claude Code, ~/.codex/skills/ for Codex).
  3. Restart your agent so it picks up the skill.
  4. Ask your agent to use it on a small test task first.

Watch out for

Most useful if you build on Next.js / Vercel.

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related

SKILL

Superpowers: plan, test and debug before coding

A skills framework that makes agents brainstorm, plan, test and debug systematically.

Claude Code +1★ 299.2k
SKILL

Matt Pocock's engineering skills

Real engineering skills from a well-known TypeScript educator's own .agents folder.

Claude Code +1★ 291.4k
SKILL

Anthropic official skills (frontend-design, docs, slides)

The official skills repo: frontend-design, docx, pptx, xlsx and more.

Claude Code★ 181.2k
SKILL

Caveman: cut your agent's token use by talking short

A skill plus proxy that makes coding agents reply in terse 'caveman' style, cutting tokens while keeping code exact.

Claude Code +1★ 112k
SKILL

Addy Osmani's production-grade agent skills

Production engineering skills (perf, testing, reviews) for coding agents.

Claude Code★ 106.7k
SKILL

Impeccable: a design language for AI-built frontends

One skill, 24 commands and 59 automatic checks that catch the tell-tale signs of AI-generated web design.

Claude Code +2★ 81.4k

Coming soon

AgentsUses Weekly

A free weekly email with the best new skills and agent workflows is coming soon. Want a heads-up when the first issue goes out? Email [email protected] and we will let you know.

Get notified by email