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.
The directory below lists Vercel-published skills by category.
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.
When you run the skills CLI from an eve project directory, it auto-detects the project and prompts you to install the skills for your eve building agent:
npx skills add <owner/repo>The CLI shows a confirmation prompt:
Detected an eve project. Install skills for eve?
● Yes / ○ NoSelect Yes to install the skills into your project's agent/skills/ directory. Select No to install them for your local AI coding agent.
Learn more about adding skills to your eve agent.
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>TanStack Intent loads agent skills from installed dependencies that publish them, keeping the guidance aligned with the package version in your project. It works with any npm project whose dependencies ship skills, regardless of which framework you use. TanStack AI, Start, and Query are examples of libraries that publish skills.
From a project with dependencies that ship skills, run the setup command in an interactive terminal:
npx @tanstack/intent@latest installChoose the packages or skills your agent can use, then review and confirm the selection. Intent saves the permissions in package.json and creates or updates skill-loading guidance for your agent.
List the available skills, then load one using its package#skill identifier. For a project with TanStack AI installed and enabled, run:
npx @tanstack/intent@latest list
npx @tanstack/intent@latest load '@tanstack/ai#ai-core'The load command prints the selected skill's content for your installed package version. To load a different skill, replace @tanstack/ai#ai-core with an identifier from the list output.
Continue with these guides:
Was this helpful?