vercel-labs/agent-skills▌

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. \n \n Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations \n Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns \n Designed for use during compon

React composition patterns for scaling components and avoiding boolean prop proliferation. \n \n Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples \n Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants \n Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decision

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. \n \n Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration \n List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoid

Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as arguments; prompts for files if none provided \n Outputs findings in a terse file:line format for quick scanning and remediation \n Covers design, accessibility, and UX best practices as defined in the guidelines repository \n

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view

Instant deployment to Vercel with auto-detected frameworks and no authentication required. \n \n Packages projects into tarballs, auto-detects frameworks from package.json , and returns a live preview URL plus a claimable deployment link for account transfer \n Supports 20+ frameworks across React, Vue, Svelte, backend runtimes, and static HTML projects \n Excludes node_modules and .git from deployments to minimize package size \n Returns both human-readable URLs and JSON output for programmatic

Deploy and manage projects on Vercel using the CLI with token-based authentication, without relying on vercel login.

Deploy applications and websites to Vercel with automatic git integration and preview URLs. \n \n Supports three deployment paths: git-push (ideal for linked projects), direct CLI deployment, and no-auth fallback for sandboxed environments \n Automatically detects project state (linked via .vercel/project.json or .vercel/repo.json , git remote presence, CLI authentication) and chooses the best deployment method \n Handles team selection for multi-team accounts and uses --scope to deploy to the c