Ensure React applications are accessible to all users
.cursorrules in your project rootBuild accessible React apps: 1. Use semantic HTML elements 2. Implement proper ARIA attributes 3. Ensure keyboard navigation works 4. Manage focus appropriately 5. Provide alt text for images 6. Use sufficient color contrast 7. Test with screen readers 8. Support reduced motion preferences
Comprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.
Cursor
frontend
AI coding rules customize how Cursor generates and refactors code for your project. Follow these steps to install React Accessibility Guidelines.
.cursor/rules, for Windsurf use .windsurfrulesComprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.