Skills (8)
Next.js Upgrade
Upgrades a Next.js project to the latest version — reads package.json, fetches official migration guide, runs codemods, updates dependencies, walks through breaking changes.
Next.js Cache Components
Teaches the Next.js 16 Cache Components feature (PPR) — use cache directive, cacheLife(), cacheTag(), revalidateTag(), and cache invalidation patterns.
Next.js Best Practices
Next.js-specific best practices covering file conventions, RSC boundaries, async APIs, data patterns, error handling, route handlers, image/font optimization, bundling, and debugging.
Vercel Deploy
Deploys any project to Vercel without authentication — packages a tarball, auto-detects framework from package.json (40+ frameworks), returns a live Preview URL and Claim URL.
Web Design Guidelines
Reviews UI code against Vercel's Web Interface Guidelines — 100+ rules covering accessibility, focus states, forms, animation, typography, dark mode, and i18n.
React Native Skills
React Native and Expo best practices for performant mobile apps — 35+ rules across 13 categories including FlashList, Reanimated animations, navigation, and monorepo configuration.
Composition Patterns
React composition patterns that scale — compound components, state lifting, and internal composition to eliminate boolean prop proliferation in reusable component libraries.
React Best Practices
Comprehensive React and Next.js performance optimization guidelines from Vercel Engineering covering 57 rules across 8 categories including waterfalls, bundle size, server-side performance, and data fetching.