Design
Vercel Agent Skills
Official skill library for AI coding agents by Vercel. Includes React/Next.js optimization, web design review, animation, component building, and deployment skills.
Official skill library for AI coding agents by Vercel. Includes React/Next.js optimization, web design review, animation, component building, and deployment 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.
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.
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.
Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
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".
Specialized skill for web animation design — covers transitions, micro-interactions, motion principles, and performance-conscious animation patterns.
Skills for building performant React and Next.js applications, including optimization rules distilled from 10 years of production experience.
Skills for building AI-powered applications with the Vercel AI SDK.
Skills for deploying applications to Vercel, including claimable deployments.
Browse the skills.sh directory to discover skills from Vercel and the community.