Explore skills

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

Create React Flow node components following established patterns with proper TypeScript types and store integration.

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues.

Diagnose slow React components and suggest targeted performance fixes.

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.