Generate comprehensive form handling code
.windsurfrulesGenerate form code: 1. Use react-hook-form patterns 2. Implement Zod validation schemas 3. Generate field components 4. Add error message displays 5. Implement async validation 6. Create submission handlers 7. Add loading states 8. Generate form 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 Form Handling Patterns.
.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.