Try “Claude Code skills”, “MCP servers for Cursor” or “Codex” · Esc to close

Vercel Agent Skills 🧩 Skill Free

Vercel's Agent Skills for React, Next.js, deployment and writing

Frontend & design skills · Free ★ 32k · +313 this week · MIT · updated 2026-08-28

8.3editor score
View on GitHub ↗
GitHub stars
32k
Stars this week
+313
Forks
2.8k
Licence
MIT
Last push
2026-08-28
Maintainer
vercel-labs
Installnpx skills add vercel-labs/agent-skills

Third-party agent skills run with your permissions. Read the source before installing, and prefer pinned versions.

Works with

Built on the open Agent Skills standard, so it works in every app that supports Agent Skills.

About Vercel Agent Skills

What it does

This is Vercel's collection of Agent Skills. It packs guidance from Vercel's engineering and design teams into skills that a coding agent loads when a task needs them. Most of the skills are rule sets the agent applies when it writes or reviews React, Next.js and UI code. Others cover writing docs, auditing a Vercel project, and deploying to Vercel.

What is inside

At the time of writing (September 2026) the collection includes these skills:

  • react-best-practices: 40+ React and Next.js performance rules in 8 categories, ordered by impact. They cover request waterfalls, bundle size, server rendering and re-renders.
  • web-design-guidelines: reviews UI code against 100+ rules on accessibility, focus states, forms, animation, typography, images, dark mode and i18n.
  • composition-patterns: component API patterns that avoid piles of boolean props.
  • react-view-transitions: page and element transitions with React's View Transition API, including Next.js integration.
  • react-native-guidelines: 16 rules for React Native and Expo apps.
  • writing-guidelines: checks docs and prose against Vercel's writing handbook.
  • vercel-optimize: audits a deployed Vercel project for cost, performance and caching issues.
  • vercel-deploy-claimable: deploys a project to Vercel and returns a preview link plus a link to claim the deployment.

Works with

The skills follow the open Agent Skills format. They install with Vercel's skills CLI, which supports Claude Code, Cursor, Codex and other agents that read SKILL.md files.

How to install

npx skills add vercel-labs/agent-skills

Maintenance and safety

The README states an MIT licence, and the collection is updated regularly. Most skills are instructions only. The deploy skill packages your project and uploads it to a deployment service, so use it only on code you are happy to publish. The optimisation skill reads data from your Vercel project.

Who should use it

Teams building with React or Next.js who want the agent to follow concrete, checkable rules. The UI review skill also helps with accessibility checks on any web project. It works well alongside the Frontend Design skill, which handles visual direction while these skills cover correctness and performance.

react nextjs performance

Pros

  • From the team behind Next.js
  • Concrete, checkable rules

Cons

  • Focused on React/Next.js

Frontend Design skill 🧩 SkillFree

Guides the agent to build distinctive, production-grade UIs instead of generic "AI-looking" designs

★ 179k · +1.2k this week

Diagram Design 🧩 SkillOpen source

39 editorial diagram types as self-contained HTML and SVG, matched to your brand

★ 43k · +671 this week

7.8 Visit ↗

OpenDesign 🧩 SkillFreemium

Local-first design workspace that uses your coding agent to build prototypes, decks and UI

★ 99k · +1.1k this week

7.6 Visit ↗

Playwright Skill 🧩 SkillFree

Lets your coding agent write and run Playwright browser automation on the fly

★ 3.2k · +14 this week

Scroll Craft 🧩 SkillOpen source

Agent skill for building premium, immersive, scroll-driven websites to a real design standard

★ 2.9k · +140 this week

Popular searches