Ensure generated code meets accessibility standards
.windsurfrulesGenerate accessible code: 1. Add ARIA attributes 2. Implement keyboard navigation 3. Generate screen reader text 4. Add focus management 5. Create skip links 6. Implement announcements 7. Add color contrast checks 8. Generate a11y 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 Accessibility 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.