Agent Skills
An agent skill is a packaged capability that extends an AI agent with a 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.
Below you'll find the official directory of Vercel published skills. Each skill is verified, documented, and ready to integrate, so you can quickly add powerful new capabilities to your agents and ship faster with confidence.
Install any skill using the skills CLI:
npx skills add <owner/repo>To install a specific skill from a repository with multiple skills:
npx skills add <owner/repo> --skill <skill-name>Skills work with 18+ AI agents including Claude Code, GitHub Copilot, Cursor, Cline, and many others.
Skills for building performant React and Next.js applications.
| Skill | Description | Install |
|---|---|---|
| vercel-react-best-practices | React and Next.js performance optimization guidelines with 40+ rules across 8 categories | |
| vercel-composition-patterns | React composition patterns that scale, helping avoid boolean prop proliferation | |
| vercel-react-native-skills | React Native best practices with 16 rules covering performance, architecture, and platform-specific patterns | |
| next-best-practices | Next.js best practices covering file conventions, RSC boundaries, data patterns, and more | |
| next-cache-components | Next.js 16 Cache Components and PPR for mixing static, cached, and dynamic content | |
| next-upgrade | Upgrade Next.js to the latest version using official migration guides and codemods | |
| cra-to-next-migration | Comprehensive guide for converting Create React App projects to Next.js | |
| turborepo | Build system guide for JavaScript and TypeScript monorepos with task caching and parallel execution |
Skills for building AI-powered applications with the Vercel AI SDK.
| Skill | Description | Install |
|---|---|---|
| ai-sdk | Answer questions about the AI SDK and help build AI-powered features including agents, chatbots, and RAG systems | |
| ai-elements | Component library built on shadcn/ui for AI-native applications | |
| streamdown | Streaming-optimized React Markdown renderer with built-in security |
Skills for building accessible, performant user interfaces.
| Skill | Description | Install |
|---|---|---|
| web-design-guidelines | Review UI code for Web Interface Guidelines compliance with 100+ rules covering accessibility, performance, and UX | |
| building-components | Guidance on building UI components with accessibility, composable APIs, and theming |
Skills for automating browser interactions.
| Skill | Description | Install |
|---|---|---|
| agent-browser | Browser automation CLI for AI agents including navigation, form filling, screenshots, and data extraction |
Skills for deploying applications to Vercel.
| Skill | Description | Install |
|---|---|---|
| vercel-deploy | Deploy applications and websites to Vercel instantly with framework auto-detection for 40+ frameworks | |
| vercel-cli | Deploy, manage, and develop projects on Vercel from the command line | |
| autoship | Automated releases with repository cloning, AI-powered changeset generation, and npm publishing |
Skills for building commerce and payment experiences.
| Skill | Description | Install |
|---|---|---|
| ucp | Universal Commerce Protocol for checkout sessions, payments, and commerce operations |
Skills for building durable, resilient workflows.
| Skill | Description | Install |
|---|---|---|
| workflow | Durable, resilient async functions with retry logic and step-based orchestration |
Skills for the JSON Render generative UI framework.
| Skill | Description | Install |
|---|---|---|
| json-render-core | Core package for schema definition, catalog creation, and spec streaming | |
| json-render-react | React renderer that converts JSON specs into React component trees | |
| json-render-react-native | React Native renderer for JSON specs with standard components and data binding | |
| json-render-remotion | Remotion renderer that turns JSON timeline specs into videos | |
| remotion-best-practices | Best practices for Remotion video creation in React with 30+ rule files |
General-purpose skills for agent workflows.
| Skill | Description | Install |
|---|---|---|
| find-skills | Discover and install agent skills from the skills.sh directory | |
| before-and-after | Screenshot comparison tool for capturing before/after states of web pages |
Browse the skills.sh directory to discover skills from Vercel and the community. You can also search for skills using the CLI:
npx skills find <query>Was this helpful?