design-improvement - Systematic Design Optimization
Systematic design optimization ensuring color consistency, responsive layout, and professional appearance
Tags
Updated: 2026-03-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- analyze current design
- propose design improvements
- update Tailwind classes
- add Framer Motion animations
- implement responsive changes
- test responsive design
- commit design changes
- verify color consistency
- check typography hierarchy
Inputs
- project files
- current page content
- design principles
- user confirmation
Outputs
- updated component files
- responsive layout code
- color palette application
- commit message
Requirements
- Next.js environment
- Tailwind CSS
- Framer Motion
- Git repository access
- bash command execution