Vercel Agent Skills

A curated collection of production-ready skills for AI coding agents, published by Vercel. Skills are modular, composable capabilities that extend agents with specialized behaviors for React, Next.js, design, and deployment.

Installing Skills

npx skills add <owner/repo>

Install a specific skill from a multi-skill repository:

npx skills add <owner/repo> --skill <skill-name>

Skills work with 18+ AI agents including Claude Code, GitHub Copilot, Cursor, Cline, and more.

Design and UI Skills

building-components

Comprehensive guide for building modern, accessible, and composable UI components. Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance. Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern.

emil-design-eng

Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

web-animation-design

Specialized skill for web animation design — covers transitions, micro-interactions, motion principles, and performance-conscious animation patterns.

React and Next.js Skills

Skills for building performant React and Next.js applications, including optimization rules distilled from 10 years of production experience.

AI SDK Skills

Skills for building AI-powered applications with the Vercel AI SDK.

Deployment Skills

Skills for deploying applications to Vercel, including claimable deployments.

Finding More Skills

Browse the skills.sh directory to discover skills from Vercel and the community.