| 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. | |