Optimize React components for Windsurf AI assistance
.windsurfrulesConfigure Windsurf for React: 1. Generate functional components with hooks 2. Use TypeScript interfaces for props 3. Implement proper memoization 4. Follow component naming conventions 5. Generate comprehensive prop types 6. Add accessibility attributes 7. Include error boundaries 8. Generate unit test stubs
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 Component Optimization.
.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.