🎯

deploy-to-vercel

🎯Skill

from vercel-labs/agent-skills

What it does

Part of Vercel Labs agent skills collection that includes React/Next.js best practices, web design guidelines, React Native guidelines, and composition patterns — packaged as Agent Skills for AI coding agents.

Overview

Part of the Vercel Labs agent skills collection, this skill packages React and Next.js best practices, web design guidelines, React Native guidelines, and composition patterns as Agent Skills for AI coding agents. Each skill contains prioritized rules and comprehensive checklists from Vercel Engineering.

Key Features

React best practices — 40+ rules across 8 categories prioritized by impact: eliminating waterfalls (Critical), bundle size optimization (Critical), server-side performance (High), client-side data fetching, re-render optimization, rendering performance, and JS micro-optimizations
Web design guidelines — 100+ rules covering accessibility (aria-labels, semantic HTML, keyboard handlers), focus states, forms, animation (prefers-reduced-motion), typography, images, performance, navigation, dark mode, touch interactions, and i18n
React Native guidelines — 16 rules across 7 sections for mobile performance, layout, animation with Reanimated, image optimization, state management with Zustand, architecture, and platform-specific patterns
Composition patterns — Strategies for avoiding boolean prop proliferation through compound components, state lifting, and internal composition

Who is this for?

React and Next.js developers who want their AI coding agent to follow Vercel Engineering best practices. Ideal for teams building production web applications who want consistent code quality, performance optimization, and accessibility compliance from AI-assisted development.

📦

Same repository

vercel-labs/agent-skills(16 items)

deploy-to-vercel

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add vercel-labs/agent-skills --skill deploy-to-vercel

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add vercel-labs/agent-skills --skill deploy-to-vercel

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/deploy-to-vercel/SKILL.md

SKILL.md

39,951Installs

AddedMar 6, 2026

View on GitHub Back to Skills

More from this repository10

🎯

vercel-react-best-practices🎯Skill

React and Next.js performance optimization guidelines from Vercel Engineering. 40+ rules across 8 categories covering component performance, data fetching, and bundle size optimization.

🎯

web-design-guidelines🎯Skill

Web interface best practices auditor from Vercel Engineering. Reviews UI code against 100+ standards covering accessibility, animations, forms, images, and UX fundamentals.

🎯

vercel-composition-patterns🎯Skill

React composition patterns skill from Vercel Labs that helps avoid boolean prop proliferation through compound components, state lifting, and internal composition techniques.

🎯

vercel-react-native-skills🎯Skill

React Native best practices skill with 16 rules across 7 sections covering performance, layout, animation, images, state management, architecture, and platform-specific patterns for Expo and React Native apps.

🎯

vercel-cli-with-tokens🎯Skill

A skill from the Vercel Labs agent-skills collection that enables AI coding agents to interact with the Vercel CLI using authentication tokens for deployment and project management.

🎯

vercel-react-view-transitions🎯Skill

Implements smooth animations using React's View Transition API — the `<ViewTransition>` component, `addTransitionType`, transition classes, shared-element transitions, and Next.js `next/link` integration.

🎯

composition-patterns🎯Skill

Guides AI agents in implementing robust software design patterns for component composition, modularity, and reusability across different programming paradigms.

🎯

react-native-skills🎯Skill

React Native best practices optimized for AI agents from Vercel Engineering. 16 rules across 7 sections covering mobile performance, layout patterns, animations, and platform-specific implementation.

🎯

vercel-deploy🎯Skill

Automates Vercel deployment configuration and deployment processes for AI agents, generating optimal deployment settings and triggering builds programmatically.

🎯

find-skills🎯Skill

Skill