Catalog / Skills

Vercel agent skills

Vercel's skills for React and Next.js performance rules, web interface and accessibility review, composition patterns, view transitions and deploying to Vercel.

Install

Any agent (skills CLI)
```
npx skills add vercel-labs/agent-skills
```
Installs the whole set. Pick only the skills you want, and skip deploy-to-vercel and vercel-cli-with-tokens if you don't deploy to Vercel.

Vercel’s skill collection. For building interfaces, the most useful are:

web-design-guidelines: reviews UI code against 100+ rules for accessibility, focus states, forms, motion (prefers-reduced-motion), dark mode and theming (color-scheme, theme-color), typography, touch and i18n. It reports findings as file:line.
react-best-practices: 40+ React/Next.js performance rules ranked by impact (waterfalls, bundle size, re-renders).
composition-patterns and react-view-transitions: component API design and native-feeling transitions.
vercel-optimize: ranks cost and performance fixes from a project’s real Vercel metrics.

When to use it

As a pre-merge UI review: “review my UI” or “check accessibility” on changed files.
Performance passes on React and Next.js code.

Before you install

web-design-guidelines downloads its rules each run from a GitHub URL that tracks main, so its behavior can change without a new version of the skill. For a fixed rule set, copy command.md from vercel-labs/web-interface-guidelines (MIT) into the skill.
Install selectively. The two deploy skills handle tokens and upload code, which you don’t need for code review.

Official

Published by the platform or the maker of the thing itself.

Access: Changes things freely Can create, change or delete in your accounts without asking each time.
Review: Reviewed — install with care
Scan: 100/100 SkillSpector 2.12.0 said do not install at 063bee9
Checked: Sep 25, 2026

I read all 46 HIGH findings. Most are duplicates from committed .zip copies of the skills, including __MACOSX resource forks flagged as "concealed executables". dangerouslySetInnerHTML appears in a documented no-flicker theme pattern. "info_stealer" is a rule that detects cookies() and headers() in Next.js routes. vercel-optimize shells out only through execFile to the vercel CLI and rg. Three things are real and documented. vercel-cli-with-tokens runs `printenv VERCEL_TOKEN` and greps .env, which can echo your token into the transcript. deploy-to-vercel's no-auth fallback uploads a tarball of your project (excluding .env, .git, node_modules) to claude-skills-deploy.vercel.com. web-design-guidelines fetches its rules at run time from the main branch of vercel-labs/web-interface-guidelines instead of bundling them.

Publisher: Vercel
Source: github.com/vercel-labs/agent-skills
Works with: Claude Code, Claude apps, Cursor, Codex
Categories: Frontend, UX, UI & design systems, DevOps & observability, Accessibility
License: MIT for the React skills. Several skills, and the repo itself, have no stated license.
Cost: Free

Curated by Andrew Borden-Chisholm. Notes on building with these tools are on the blog.