What problem does it solve? Web interfaces ship with accessibility barriers, performance regressions, and responsive layout defects that are hard to catch without a systematic checklist. This Skill produces verifiable, read-only audit findings with measured evidence instead of vague opinions, so teams know exactly what is broken, where, and how severe it is. ## Core Features & Use Cases - WCAG 2.2 Accessibility Audit: Checks contrast ratios, keyboard navigation, focus indicators, semantic HTML, touch targets, form error handling, and reduced-motion support against numbered success criteria. - Performance Diagnosis: Hunts CLS causes, LCP blockers, bundle bloat, layout-thrashing animations, oversized images, and React re-render patterns. - Responsive Verification: Tests real content at 360px, 768px, 1280px, and wide viewports for horizontal overflow, collapsed touch targets, and iOS viewport bugs like 100vh versus 100dvh. - Searchable Patterns: Provides ready-made regex patterns (e.g., outline-none, <div onClick, tabIndex positive values) to locate candidate defects, each verified before reporting. - Use Case: Before publishing a landing page, run the audit to receive a severity-ranked list of findings like [Bloqueante] header.tsx:42 — WCAG 2.2 SC 1.4.3 — contraste 3.1:1, mínimo 4.5:1, each routed to the agent responsible for fixing it. ## Quick Start Audit this page for accessibility, performance, and responsive issues and report findings with measured evidence and severity.
