Vercel Skills
Vercel Skills is the open ecosystem for AI coding agents. It provides a CLI (`npx skills`) and public directory (skills.sh) to discover, install, and manage modular skills that give agents production-ready capabilities like React/Next.js best practices, deployment automation, UI guidelines, and domain logic.
What are Vercel Skills?
An agent skill is a packaged capability that extends an AI agent with specific, production-ready behavior such as data access, automation, or domain logic. Skills give agents secure, structured ways to take action across your stack so they can move beyond chat and reliably execute real workflows. They are modular, composable, and built to plug directly into modern web infrastructure.
Vercel launched the open agent skills ecosystem in January 2026, including the skills CLI and the public directory at skills.sh (the official leaderboard and marketplace).
Key Features
- CLI-first installation:
npx skills add <owner/repo>(or GitHub shorthand, full URLs, local paths) - Agent-agnostic: Works with 40+ coding agents including Claude Code, Cursor, GitHub Copilot, OpenCode, Windsurf, and many more
- Discovery & leaderboard: Browse top skills by install count at skills.sh
- SKILL.md standard: Simple YAML frontmatter + Markdown format for easy creation and publishing
- Scope control: Install globally or per-project, with agent-specific targeting
- Update & management:
npx skills list,npx skills update,npx skills remove - Integration with Vercel AI SDK: Use skills directly via
bash-toolfor filesystem and execution access
How to Get Started
- Install any skill:
npx skills add vercel-labs/agent-skills - Search the directory:
npx skills find react - Browse all skills: Visit skills.sh
Skills auto-detect the agent and install into the correct folder (e.g., .claude/skills/, .cursor/skills/). Works locally and in CI.
Official Vercel Skills
Vercel maintains a verified collection at vercel-labs/agent-skills:
- vercel-react-best-practices: 40+ rules for React/Next.js performance, rendering, data fetching, and bundle optimization
- vercel-composition-patterns: Best practices for clean React component composition
- vercel-react-native-skills: React Native & Expo guidelines
- vercel-deploy: Framework auto-detection and instant Vercel deployment with preview URLs
- ai-sdk: Full documentation and guidance for building agents, chatbots, and RAG with Vercel AI SDK
- web-design-guidelines: 100+ accessibility, motion, forms, typography, and dark-mode rules
- vercel-cli: Manage Vercel projects directly from agents
Plus community skills for Supabase, Remotion, commerce, browser automation, and more.
Use Cases
- Code review & generation: Agents automatically apply React performance rules or accessibility checks
- Deployment automation: One-command Vercel deploys with framework detection
- UI/UX enforcement: Agents follow web design guidelines for production-ready interfaces
- AI app building: Integrate AI SDK components and streaming Markdown renderers
- Workflow orchestration: Durable async functions, payments, and commerce operations
Supported Agents
Over 40 agents including: Claude Code, Cursor, GitHub Copilot, OpenCode, Windsurf, Gemini CLI, Kiro CLI, Cline, Continue, and many more. Full list available in the CLI and docs.
Create & Publish Your Own Skills
Any developer can publish skills to skills.sh. Create a SKILL.md with YAML frontmatter (name, description) plus instructions, examples, and tools. Share via GitHub and agents will discover them automatically.
Vercel Skills turns institutional knowledge (React best practices, deployment flows, design systems) into reusable, agent-readable modules—making AI coding agents dramatically more reliable and powerful.