deploy-to-vercel
🎯Skillfrom vercel-labs/agent-skills
|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(18 items)
Installation
npx vibeindex add vercel-labs/agent-skills --skill deploy-to-vercelnpx skills add vercel-labs/agent-skills --skill deploy-to-vercel~/.claude/skills/deploy-to-vercel/SKILL.mdSKILL.md
More from this repository10
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 interface best practices auditor from Vercel Engineering. Reviews UI code against 100+ standards covering accessibility, animations, forms, images, and UX fundamentals.
React composition patterns skill from Vercel Labs that helps avoid boolean prop proliferation through compound components, state lifting, and internal composition techniques.
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.
Implements smooth animations using React's View Transition API — the `<ViewTransition>` component, `addTransitionType`, transition classes, shared-element transitions, and Next.js `next/link` integration.
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.
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.
Guides AI agents in implementing robust software design patterns for component composition, modularity, and reusability across different programming paradigms.
A collection of AI agent skills from Vercel Labs covering React/Next.js performance optimization, web design accessibility auditing, React Native best practices, and View Transition API implementation.
Reviews documentation and prose against Vercel's writing handbook, auditing 80+ rules across voice, structure, content types, code samples, typography, and AI workflow.