vercel▌

Discover and install specialized agent skills from the open ecosystem when users need extended capabilities. \n \n Helps identify relevant skills by domain and task when users ask \"how do I do X\" or \"find a skill for X\" \n Integrates with the Skills CLI ( npx skills find , npx skills add ) to search, verify, and install packages from the skills.sh directory \n Recommends skills based on install count, source reputation, and GitHub stars to ensure quality before suggesting installation \n Pre

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

Expert guidance for deploying Next.js applications to Vercel with environment and runtime optimization. \n \n Covers environment variable configuration across dev, preview, and production environments, with emphasis on preventing secrets exposure via NEXT_PUBLIC_ \n Distinguishes between Edge and Serverless function runtimes, helping you choose the right execution model for API routes and functions \n Addresses build optimization strategies to reduce cold starts, bundle size, and deployment time

Instant deployment to Vercel with preview and claimable links, no authentication required. \n \n Supports 20+ frameworks including Next.js, React, Vue, Svelte, Angular, Express, and static HTML projects with automatic framework detection \n Returns two URLs: a live Preview URL for immediate access and a Claim URL to transfer the deployment to your Vercel account \n Packages projects efficiently by excluding node_modules and .git directories to minimize upload size \n Works in Claude environment

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

45 React and Next.js performance rules organized by impact, from eliminating waterfalls to advanced patterns. \n \n Covers 8 priority categories spanning async optimization, bundle size, server/client data fetching, re-renders, rendering, JavaScript performance, and advanced patterns \n Each rule includes explanation, before/after code examples, and context; rules prefixed by category (e.g., async- , bundle- , server- ) for easy reference \n Prioritizes critical issues like waterfall elimination

Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.