inspectlisted

Three quality-check tools in one — run before every ship. ## Commands | Command | What it does | Reference | |---------|-------------|-----------| | `detect [target]` | Deterministic anti-pattern scan — finds focus rings, clipped dropdowns, pure black/white, tiny touch targets, missing reduced-motion, and more | [references/detect.md](references/detect.md) | | `preview [target]` | Real Chromium screenshot — desktop + mobile viewports, reads back visually, fixes bugs in a loop | [references/preview.md](references/preview.md) | | `review [file]` | Design engineering code review — motion crimes, a11y violations, forbidden patterns, Before/After table with score | [references/review.md](references/review.md) | ## When to use which | Situation | Command | |-----------|---------| | "Are there any design problems in my code?" | `detect` | | "What does my site actually look like?" | `preview` | | "Review my code before I ship" | `review` | | Just built something with `/siteasy build` | `preview` → `detect` → `review` | ## Severity order Triage findings highest severity first: fix CRITICAL before HIGH, HIGH before MEDIUM, MEDIUM before LOW. This mirrors the priority order `/siteasy` builds against, so detection and construction never disagree on what to fix first. | # | Category | Severity | |---|----------|----------| | 1 | Accessibility (contrast, focus rings, alt text, keyboard, aria-labels) | CRITICAL | | 2 | Touch and interaction (target size 44x44px, spacing, feedback) |