Codeium Windsurf rules for React application development with modern patterns.
.windsurfrules# Windsurf React Configuration ## Component Guidelines - Prefer functional components - Use custom hooks for logic - Implement proper memoization - Keep components pure when possible ## Styling - Use Tailwind CSS - Follow consistent spacing - Implement dark mode support - Use CSS variables for theming ## State Management - Zustand for global state - React Query for server state - URL state for shareable state - Form state with react-hook-form ## Performance - Lazy load routes - Optimize images - Minimize bundle size - Use proper caching
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.
Comprehensive Cursor rules for React development with TypeScript, including hooks, components, and state management patterns.
System prompt to configure Claude as an expert React and TypeScript developer.
Windsurf
frontend
AI coding rules customize how Windsurf generates and refactors code for your project. Follow these steps to install Windsurf React Guidelines.
.cursor/rules, for Windsurf use .windsurfrulesCursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.
Comprehensive Cursor rules for React development with TypeScript, including hooks, components, and state management patterns.
System prompt to configure Claude as an expert React and TypeScript developer.