Improve UI with design agent

Redesign component with design system

Systematically redesigning components against a strict design system to prevent visual drift and generic LLM output.

• · component/page path

• · redesigned component files
• · CSS modules with variables
• · responsive layout

• · frontend-design skill
• · CSS hardware acceleration

• · React component/page exists
• · design-taste-frontend skill loaded
• · CSS modules available

• · Component doesn't exist → pause
• · Hardcoded colors used → extract to vars
• · Non-responsive → media queries added
• · Accessibility fail → aria-labels added

• · Design system variables enforced (no hardcoded colors)
• · Responsive breakpoints mobile-first
• · WCAG AA accessibility minimum
• · Component reuse from library (DRY)