commands/development/ux/css/improve-css.md

Edit and improve CSS design and appearance for the website.

Your task:

1. Ask the user which page or component they want to edit, or if changes should apply site-wide

2. Take a detailed brief about desired changes:

   • Layout modifications
   • Color scheme updates
   • Typography improvements
   • Spacing and alignment
   • Responsive design adjustments
   • Animation/transitions

3. Implement the CSS changes:

   • Edit existing stylesheets
   • Add new styles as needed
   • Ensure consistency across the site
   • Maintain responsive design
   • Follow CSS best practices

4. Focus on UX elements:

   • Interactive states (hover, focus, active)
   • User feedback (loading, success, error states)
   • Accessibility (contrast, focus indicators)
   • Visual hierarchy

5. Test and validate:

   • Check responsive behavior
   • Verify browser compatibility
   • Ensure accessibility standards

Deliver polished, user-friendly CSS improvements based on the user's requirements.