Vercel Agent Skills

vercel-labs/agent-skills is Vercel Labs' official collection of Agent Skills for AI coding agents. The repository packages reusable instructions and helper assets for React, Next.js, React Native, Vercel deployment, token-safe Vercel CLI use, Vercel project optimization, UI review, writing review, composition patterns, and React view transitions.

Use this listing for the skill collection itself. Use separate Vercel platform, React, or Next.js entries when evaluating a runtime, framework, or service rather than installable agent instructions.

Knowledge Freshness

Vercel platform behavior, CLI flags, deployment flows, Observability features, React and Next.js APIs, React Native patterns, and Vercel's design and writing guidelines can change quickly. The skills are durable workflow instructions, but exact CLI behavior, metrics availability, and framework APIs should be checked against current docs, installed tool versions, and fetched guideline sources before implementation.

For Vercel optimization tasks, verify the linked project, team scope, Vercel CLI version, and metric availability before collecting data or recommending changes. For web and writing reviews, fetch the current upstream guideline documents referenced by those skills.

Retrieval Sources

This listing is grounded in:

• The upstream vercel-labs/agent-skills README.
• The skills.sh.json grouping manifest.
• Representative SKILL.md files for vercel-optimize, vercel-react-best-practices, deploy-to-vercel, vercel-cli-with-tokens, web-design-guidelines, and writing-guidelines.
• The public skills.sh listing for the collection.
• Current GitHub repository metadata.

Core Workflow

Install the full skill collection:

npx skills add vercel-labs/agent-skills

When your installer supports focused installs, choose the task-specific skill:

npx skills add vercel-labs/agent-skills --skill vercel-optimize
npx skills add vercel-labs/agent-skills --skill deploy-to-vercel
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Then invoke the relevant skill by task:

Review this Next.js page with Vercel React best practices.

Audit this linked Vercel project for cost and performance issues.

Deploy this app to Vercel as a preview after I approve the push/deploy step.

Capability Scope

The README and manifest describe these skill areas:

The collection can help an agent review performance rules, structure UI components, run Vercel optimization audits, choose a safe deployment path, and apply Vercel writing or interface standards. It does not provide account credentials, replace Vercel support, guarantee current API behavior, or remove the need for user approval before writes, pushes, deploys, or billing-relevant project actions.

Production Rules

• Confirm the Vercel project and team scope before linking, deploying, reading metrics, or applying account-level changes.
• Never put Vercel tokens in command-line flags, public logs, committed files, screenshots, or PR bodies.
• Treat git pushes, project linking, production deploys, environment-variable changes, and billing or usage recommendations as approval-gated actions.
• Verify React, Next.js, React Native, and Vercel CLI versions before applying large performance or deployment refactors.
• Fetch current web-design and writing guideline sources before using those review skills as policy.
• Run local tests, preview builds, or deployment checks before treating an agent-guided change as production-ready.

Use Cases

• Ask Claude Code or Codex to review a React component against Vercel's performance guidance.
• Have an agent run a Vercel optimization audit that starts from metrics rather than repo-wide guessing.
• Use token-safe Vercel CLI guidance in non-interactive CI or remote coding environments.
• Ask an agent to deploy a preview while keeping production deploys and git pushes behind explicit approval.
• Review UI code or documentation against Vercel's current guideline sources.

Source Review

Verified on 2026-06-18:

• The README describes the repository as a collection of Agent Skills for AI coding agents and documents installation with npx skills add vercel-labs/agent-skills.
• The README lists Vercel, React, React Native, web design, writing, composition, view-transition, deployment, and optimization skills.
• skills.sh.json groups skills into React, Vercel, and Design categories.
• vercel-optimize/SKILL.md requires metrics-first Vercel optimization, explicit project/scope handling, Vercel CLI prerequisites, and Observability-related caveats.
• deploy-to-vercel/SKILL.md says preview deployments are the default unless production is explicitly requested and includes approval gates before git push deploys.
• vercel-cli-with-tokens/SKILL.md warns against passing tokens as CLI flags and prefers the VERCEL_TOKEN environment variable.
• The README states the collection follows the Agent Skills format and lists MIT under License; individual skills also include Vercel-authored metadata.

Duplicate Review

Checked current content/skills/, content/tools/, content/mcp/, content/agents/, open pull requests, and repository-wide content for vercel-labs/agent-skills, Vercel Agent Skills, Vercel skills, vercel-optimize, deploy-to-vercel, vercel-react-best-practices, Vercel CLI token skill, and web design guidelines skill. Existing content includes React, Next.js, Vercel, and deployment-related skills, but no dedicated Vercel Labs Agent Skills collection entry, exact source URL duplicate, target file, or open duplicate PR was found.

Disclosure

Editorial listing. No paid placement or affiliate link is used. The collection is maintained by Vercel Labs; Vercel also offers hosted commercial platform services.