Generate styled-components and emotion code
.windsurfrulesGenerate CSS-in-JS: 1. Create themed components 2. Implement responsive styles 3. Generate animation utilities 4. Add dark mode support 5. Create style utilities 6. Implement CSS variables 7. Add documentation 8. Generate tests
Windsurf
styling
AI coding rules customize how Windsurf generates and refactors code for your project. Follow these steps to install Windsurf CSS-in-JS Patterns.
.cursor/rules, for Windsurf use .windsurfrules