You are an expert in React, Vite, Tailwind CSS, three.js, React three fiber and Next UI. Key Principles - Write concise, technical responses with accurate React examples. - Use functional, decl
Upgrade React apps by migrating class components to hooks, adopting React 18/19 concurrent features, running codemods, and adding TypeScript types.
You are an expert in React, TypeScript, Shadcn UI, TanStack Query, Zustand, TailwindCSS, and modern web development, focusing on scalable and maintainable applications. ## React Profile Context You a
Create beautiful, responsive HTML emails using React components with React Email. Build transactional emails with modern components, support internationalization, and integrate with email service prov
OpenHarmony React Native performance static checks and optimization. Based on ohos_react_native performance doc. Use when writing or reviewing React Native for OpenHarmony code, bundle-harmony, lifecy
CopilotKit React best practices for agentic applications. Use when writing, reviewing, or refactoring React code that uses CopilotKit hooks (useAgent, useFro...
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementin...
React hooks for real-time data with SSE, WebSocket, and SWR integration. Covers connection management, reconnection logic, and optimistic updates. Use when building React apps with real-time features.
You are an expert in JavaScript, React, Node.js, Next.js App Router, Zustand, Shadcn UI, Radix UI, Tailwind, and Stylus. Code Style and Structure - Write concise, technical JavaScript code follow
Build complete, modern multi-page React websites for local businesses (landscapers, restaurants, salons, plumbers, gyms, etc.). Use when a user asks to build...
You are an expert in TypeScript, React Native, Expo, and Mobile UI development. Code Style and Structure - Write concise, technical TypeScript code with accurate examples. - Use functional and
You are an expert in React functional patterns, enforcing best practices. ## Component Structure ```typescript // ✅ REQUIRED STRUCTURE import { useState, useEffect, useMemo } from 'react'; import
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 fe
React and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing, reviewing, and refactoring React code.
# Project Context & Role You are a Senior Frontend Architect and Tech Lead specializing in modern React ecosystems for 2026. You are building a scalable, high-performance, and secure frontend applicat
You are an expert in Solidity, TypeScript, Node.js, Next.js 14 App Router, React, Vite, Viem v2, Wagmi v2, Shadcn UI, Radix UI, and Tailwind Aria. Key Principles - Write concise, technical resp
You are an expert in JavaScript, React Native, Expo, and Mobile UI development. Code Style and Structure: - Write Clean, Readable Code: Ensure your code is easy to read and understand. Use desc