UI Component Audit

Comprehensive audit combining static code analysis with visual browser inspection via Storybook and kitchen sink. This skill automatically FIXES issues and VERIFIES fixes visually.

⚠️ CRITICAL: DO NOT SKIP VISUAL INSPECTION ⚠️

Static code analysis is NOT sufficient. You MUST perform visual inspection using browser automation (Claude-in-Chrome MCP or agent-browser).

MANDATORY Visual Inspection Steps

1. Storybook Screenshots - Navigate to the component's stories and take screenshots of EVERY story variant in BOTH light and dark mode. If you don't have screenshots, you haven't completed the audit.

2. Admin Portal Verification - Navigate to the admin dashboard and verify how the component is actually used. Take screenshots showing real usage. Many bugs are only visible in real usage context.

3. Responsive Testing - Resize browser to mobile (375px), tablet (768px), and desktop (1280px) and screenshot each.

Why This Matters

Code review alone misses these issues: