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
- Component Config Reader — Extracts the test surface (properties, styles, events, defaults, nested variants) from a ToolJet app-builder c 41k ★
- Reference Pack Curator — 원본 레퍼런스를 미러링하는 프리미엄 팩을 집필하는 큐레이터 188 ★
- Designer Agent — Product/UI Designer for the Movie DB KMP app 105 ★
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
Tester Lead
Explicit-invocation only (Team Tester, Lead) — dispatched by the Manager to design meaningful test scenarios/e
Figma Executor
Runs an architect's Figma spec — resolves stable names to nodeIds at run time, builds into a named working fra
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
Related Skills
Styles To Token Migration
Pipeline for migrating Figma components from hardcoded Paint Styles to semantic Variables — via Component→YAML
Review Hardcoded Values
Scan for embedded literals that belong in config or a constants module: URLs, magic numbers, thresholds, error
i18n Review
Review existing i18n-wrapped strings for quality issues, over/under-wrapping, split sentences, and hardcoded v