Generate search functionality with filtering
.windsurfrulesGenerate search code: 1. Create search components 2. Implement debouncing 3. Generate filter UI 4. Add autocomplete 5. Create search analytics 6. Implement highlighting 7. Add keyboard navigation 8. Generate tests
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 Search Implementation.
.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.