// Track

Unchaining UI — Visual Testing with Claude

Give Your AI Eyes

Close the biggest gap in AI-assisted development: Claude Code builds blind. Pair it with visual AI companions — Claude Chrome extension, claude.ai screenshots, and computer-use MCP — to create a closed-loop visual QA workflow where nothing ships without being seen.

Recommended: Complete Advanced Claude Code first

8 lessons~84 min total

Lessons are shown in recommended order. Complete them in sequence for the best experience — or jump to any lesson.

Lesson 320·8 min read

The Blind Spot: Why Claude Code Can't QA What It Builds

Claude Code reads files and runs commands but never sees pixels — understanding this gap is the foundation of every visual QA workflow in this track.

Lesson 321·10 min read

Claude Chrome Extension: Your Visual AI Copilot

Install and use the Claude Chrome extension as a real-time visual inspector alongside Claude Code, turning browser-visible issues into structured findings you can hand off immediately.

Lesson 322·9 min read

Screenshot QA via claude.ai: The Universal Method

No extension needed — take a screenshot, upload to claude.ai, and get a structured visual audit that works on any browser, any device, and any project.

Lesson 323·12 min read

Writing Visual Audit Reports That Claude Code Can Execute

The quality of visual QA depends on how you communicate findings to Claude Code — learn the structured audit report format that turns observations into one-shot fixes.

Lesson 324·12 min read

The Full Loop: Build, See, Fix, Verify

End-to-end walkthrough of a complete visual QA cycle: Claude Code builds a UI component, you inspect it, write a structured audit, Claude Code fixes it, and you verify.

Lesson 325·10 min read

Responsive and Cross-Device Visual QA

A page perfect at 1440px can be catastrophic at 375px — systematic workflow for testing at multiple breakpoints and writing viewport-aware findings Claude Code can act on.

Lesson 326·12 min read

Computer-Use MCP: Automated Visual Testing

Computer-use MCP lets Claude take screenshots, click, and navigate directly — turning visual QA from manual handoff into something Claude can run in-loop without human intervention.

Lesson 327·11 min read

Visual QA in CI: Screenshot Baselines and Regression Detection

Wire Playwright screenshot comparisons into CI so visual regressions block merge automatically — with Claude analyzing diffs to give human-readable descriptions of exactly what changed.