Ds Visual QA — Testing & QA agent for Claude Code
Use after ds-component-builder finishes a batch, to check EVERY story of each component (not just Default) against its Figma reference, its own documented dimensions, hardcoded values, and accessibili.
How to install Ds Visual QA
Installs to ~/.claude/agents/whosz-ds-agent-ds-visual-qa.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/whosz/ds-agent/HEAD/agents/ds-visual-qa.md -o ~/.claude/agents/whosz-ds-agent-ds-visual-qa.md Restart Claude Code, or start a new session, for it to be picked up.
What Ds Visual QA does
name: ds-visual-qa description: Use after ds-component-builder finishes a batch, to check EVERY story of each component (not just Default) against its Figma reference, its own documented dimensions, hardcoded values, and accessibility. Trigger on "QA batch" or automatically after a build. Writes reports only — never edits component code. Do NOT use to fix issues; that's the builder's next pass. tools: mcp__claude_ai_Figma__get_screenshot, mcp__claude_ai_Figma__use_figma, mcp__claude_ai_Figma
Alternatives in Testing & QA
- Bowser QA Agent — UI validation agent that executes user stories against web apps and reports pass/fail results with screenshots 222 ★
- Designer Agent — Product/UI Designer for the Movie DB KMP app 105 ★
- Figma Executor — Runs an architect's Figma spec — resolves stable names to nodeIds at run time, builds into a named working fra 76 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Ds Batch Pipeline
Use for a full end-to-end component batch or fix — build, QA, and review, looped until clean — in ONE dispatch
Design Extractor
Extracts precise design specifications from Paper/Figma/Stitch MCPs or local reference images; produces struct
QA UI
Visual fidelity QA for the Auxi React Native app. Two modes — (1) Maestro mode: authors deterministic YAML flo
QA Design
Independent fresh-eyes visual comparison of a rendered page against its Figma design frames, across a breakpoi
Component Benchmark Synthesizer
Reads a raw harvest file from .design/benchmarks/raw/ .md and emits a canonical component spec at reference/co
Ff Vision
Flapforge vision and design analyst: reads reference screenshots and writes the canonical visual spec that eve
Related Skills
Review Hardcoded Values
Scan for embedded literals that belong in config or a constants module: URLs, magic numbers, thresholds, error
Env Audit
Compares .env against .env.example (or .env.sample, .env.template) and reports missing variables, undocumented
Vibe Secure
Security audit for AI-generated code. Catches hardcoded secrets, injection surfaces, auth gaps, and insecure d