Browser Validator Skill

Purpose

Validate design implementations in real browsers using Chrome DevTools MCP to ensure quality, accessibility, and responsiveness.

Philosophy

Real browser testing catches issues that code review cannot.

Core Beliefs

1. Test in Real Environments: Browsers behave differently than localhost
2. Multiple Breakpoints Required: Mobile, tablet, desktop have different challenges
3. Accessibility Requires Manual Verification: Automated tools miss context-dependent issues
4. Visual QA Prevents Surprises: Screenshots catch layout breaks before users see them

Why Browser Validation Matters