Skip to Content

Agent Resources

Agent Skills


npx skillsadd


Skills

Install any skill using the skills CLI:


Copy page

The directory below lists Vercel-published skills by category.

To install a specific skill from a repository with multiple skills:

npx skillsadd--skill

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

npx skillsadd

The CLI shows a confirmation prompt:

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:

● Yes / ○ No

Select Yes to install the skills into your project's agent/skills/ directory. Select No to install them for your local AI coding agent.

You can reach our customer support team by emailing info@yourcompany.example.com, calling +1 555-555-5556, or using the live chat on our website. Our dedicated team is available 24/7 to assist with any inquiries or issues.

We’re committed to providing prompt and effective solutions to ensure your satisfaction.

We offer a 30-day return policy for all products. Items must be in their original condition, unused, and include the receipt or proof of purchase. Refunds are processed within 5-7 business days of receiving the returned item.

Description

React and Next.js performance optimization guidelines with 40+ rules across 8 categories


vercel-react-best-practices

React composition patterns that scale, helping avoid boolean prop proliferation


vercel-composition-patterns

Next.js 16 Cache Components and PPR for mixing static, cached, and dynamic content


Skill

Next.js best practices covering file conventions, RSC boundaries, data patterns, and more


Install

React Native best practices with 16 rules covering performance, architecture, and platform-specific patterns


Upgrade Next.js to the latest version using official migration guides and codemods

Comprehensive guide for converting Create React App projects to Next.js


next-best-practices

Build system guide for JavaScript and TypeScript monorepos with task caching and parallel execution

AI SDK

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


Skill

Skills for building accessible, performant user interfaces.


Description

Component library built on shadcn/ui for AI-native applications


Install

Answer questions about the AI SDK and help build AI-powered features including agents, chatbots, and RAG systems

Skill

Guidance on building UI components with accessibility, composable APIs, and theming


Description

Skills for automating browser interactions.


Description

Browser automation CLI for AI agents including navigation, form filling, screenshots, and data extraction


Install

Review UI code for Web Interface Guidelines compliance with 100+ rules covering accessibility, performance, and UX

Skills for deploying applications to Vercel.

Deploy, manage, and develop projects on Vercel from the command line


Skill

Skills for building commerce and payment experiences.


Description

Automated releases with repository cloning, AI-powered changeset generation, and npm publishing


Install

Deploy applications and websites to Vercel instantly with framework auto-detection for 40+ frameworks

JSON Render

Skill


Description

Skills for building durable, resilient workflows.

Install

Universal Commerce Protocol for checkout sessions, payments, and commerce operations

Skill

workflow

Description

Skills for the JSON Render generative UI framework.

Install

Durable, resilient async functions with retry logic and step-based orchestration

json-render-core

Remotion renderer that turns JSON timeline specs into videos

Skill

Best practices for Remotion video creation in React with 30+ rule files

Description

React renderer that converts JSON specs into React component trees

Install

React Native renderer for JSON specs with standard components and data binding

Utility

Skill

General-purpose skills for agent workflows.

Description

Can you trust our partners?

Install

before-and-after

Browse the skills.sh directory to discover skills from Vercel and the community. You can also search for skills using the CLI:

Discover and install agent skills from the skills.sh directory

Screenshot comparison tool for capturing before/after states of web pages

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.

You can reach our customer support team by emailing info@yourcompany.example.com, calling +1 555-555-5556, or using the live chat on our website. Our dedicated team is available 24/7 to assist with any inquiries or issues.

We’re committed to providing prompt and effective solutions to ensure your satisfaction.

We offer a 30-day return policy for all products. Items must be in their original condition, unused, and include the receipt or proof of purchase. Refunds are processed within 5-7 business days of receiving the returned item.

Choose 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@latestlist

npx @tanstack/intent@latestload'@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:

Last updated September 15, 2026

Cross-link map: Agent Skills (/docs/agent-resources/skills)From the Vercel docs graph (built 2026-09-21T05:26:59.511Z), spanning vercel.com docs + KB, nextjs.org, ai-sdk.dev, and other Vercel documentation sites. Full graph as JSON: https://vercel.com/docs/graph.jsonSemantically closest pagesAgent Skills: Creating, Installing, and Sharing Reusable Agent Context — This guide will cover what skills are, how to create custom skills for yourself and your team, and how to publish them tAgent Resources — Set up AI coding tools with Vercel documentation, reusable skills, and secure access to projects, deployments, and logs.Using TanStack Intent to ship and consume agent skills — TanStack Intent is a CLI for shipping and consuming agent skills, markdown files that teach AI coding agents how to useAgent skills explained: An FAQvercel skills — Discover agent skills relevant to your project using the vercel skills CLI command.PrerequisitesAgent Resources — Set up AI coding tools with Vercel documentation, reusable skills, and secure access to projects, deployments, and logs.This page links to (2)eve — Build and deploy durable backend AI agents with eve, an open-source, filesystem-first framework.How to add skills to your eve agent — Add skills to an eve agent by creating a file under agent/skills/ or installing a published skill with the npx skills adPages that link here (4)By site: vercel-docs (4)Agent Resources — Set up AI coding tools with Vercel documentation, reusable skills, and secure access to projects, deployments, and logs.Concepts — Learn how eve agents, sessions, channels, tools, skills, connections, and sandboxes fit together.Getting Started with Vercel Flags — Create your first feature flag and evaluate it in your application using the Flags SDK, OpenFeature, or the core libraryGetting started with Vercel — Install the Vercel CLI, add the Vercel Plugin or agent skills, and deploy your first project.