Run when changes affect page files (src/app/), components, or content. Checks accessibility (alt text, headings, focus), SEO (metadata, structured data), performance (next/image, lazy loading), and Core Web Vitals.
<img> has meaningful alt text (or alt="" for decorative)<label> with matching htmlFor/ida { color: ... }) affect all descendants including SVG fills — verify that currentColor usage in nested elements resolves correctly in both themesmetadata with unique title and descriptiontitle under 60 chars, description under 160 chars<h1> per page<header>, <main>, <footer>, <nav>next/link, not <a> tagsnext/image (not raw <img>)"use client" directivesfont-display, or dynamically injected contentonClick handlers, synchronous operations)transform and opacity — layout-triggering properties (width, height, top, left, margin) cause expensive repaints"use client" components containing animations that could be isolated into smaller Client Components — keeps the animated subtree narrow and prevents parent re-rendersprefers-reduced-motion fallbackwill-change used preemptively on many elements — use sparingly, only when jank is observed on specific elementsschema.org/MedicalBusiness on layout, schema.org/Physician on provider pages<meta name="viewport"> with width=device-width, initial-scale=1tel: linksog:title, og:description, og:image, og:urlWhen issues found:
⚠ WEB: [category] in file:line
Issue: description
Fix: suggested remediation