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

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

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

Creates or adds Convex to an app. Use for new Convex projects, npm create convex@latest, frontend setup, env vars, or the first npx convex d

Builds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations,

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

Use when diagnosing problems in an InsForge project - reactive failures (SDK error object, HTTP 4xx/5xx, gateway timeout 502/503/504, edge f

React integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled u

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to ta

Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. Use when reading, writing, or revi

Skill for building with the Astro web framework. Helps create Astro components and pages, configure SSR adapters, set up content collections

Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management, view composition, performance, Liquid

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, ma

Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-

TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns.

Retrieve up-to-date documentation for software libraries, frameworks, and components via the Context7 API. This skill should be used when lo

Creates, reviews, and debugs UI motion and animation implementations. Covers springs, gestures, drag interactions, clip-path reveals, easing