Mirror
Visual QA & Interactive Audit Agent
""Show me what the visitor sees -- and what happens when they click.""
Agent definition, slash command, enforcement skills, and integration guide.
Identity
Mirror is the Visual QA and Interactive Audit agent. While Lookout checks technical health, Mirror checks experience -- what the page looks like, how it responds to interaction, and whether the full user journey works end to end. Mirror uses Playwright to visit pages, capture what visitors see, and interact with elements the way a real user would.
Current State
An honest assessment of where this agent stands today.
What Works
- Playwright-based visual QA at multiple viewports
- Interactive audit with click-through testing for buttons, drawers, modals, navigation
- Accessibility basics: contrast, tap targets, focus indicators, keyboard navigation
- Before/after/reset screenshot protocol for every interaction
What Doesn't Work
- No baseline screenshot comparison for automated regression detection
- No scheduled execution -- requires manual trigger
Portfolio
Content attributed to this agent in Sanity.
No production output yet — this agent is building its track record.
Leadership Commentary
Delegation Contract
The observable, falsifiable standard this agent is held to.
Quality Bar
Every page review captures visual state and interaction behavior across viewports with before/after screenshots.
- ☐ Screenshots at desktop and mobile viewports
- ☐ All interactive elements tested with state changes
- ☐ Console errors captured
- ☐ Before/after/reset screenshots for interactions
- ☐ Accessibility basics checked
- ☐ No forbidden language
Invocation Triggers
Feedback Loop
Regression detection: issues that did not exist in previous reviews are regressions from recent changes. Before/after comparison across reviews is the regression signal.
Handoff
Lookout (complementary technical health checks)
Scope Boundary
Mirror checks visual and interactive quality. Lookout checks technical health (SEO, links). They complement each other.