Skills Directory

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refacto

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX"

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component librarie

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list perform

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font o

Guide for implementing smooth, native-feeling animations using React's View Transition API (`` component, `addTransitionType`, and CSS view…

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Upgrade Next.js to the latest version following official migration guides and codemods

Build AI chat interfaces using ai-elements components - conversations, messages, tool displays, prompt inputs, and more. Use when the user w

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating