design-qa

Design-fidelity QA for DeepSeek Harness: lend any text-only model an eye, then judge whether the implementation matches the mock. Ships the benchmark behind that judgement — four fixtures, 23 injected defects, and every raw model transcript. Retires itself when DeepSeek ships vision.

Compare Figma designs with rendered UIs using Playwright. Visual regression and structured reports for CI and experimental AI repair loops.

Visual QA CLI for AI-built frontends that renders pages, finds design and accessibility issues, and writes agent-ready fix prompts.

Two composable Claude Code skills for design-to-code fidelity: extract exact specs from Figma, then verify the running web or mobile app matches them.

Figma-style inspection for any website — type styles, spacing, and element measurement, right in Chrome

Design DNA Phase 3 verification harness — scores fidelity (tokens, style, effects) and drives a correction loop until ship-ready.

macOS screenshot tool for designers collaborating with AI: annotate a region, write the fix, hand over an image plus a numbered instruction list.

Evidence-first UI alignment audit skill for AI coding agents (Claude Code / Cursor / Codex): real rendered evidence, typed findings, interactive A/B acceptance — without touching product code.

Spacing & grid QA for AI-generated UIs, in the agent loop. MCP server that audits computed geometry and returns fix hints.

An AI-agent skill for sourcing UI components and animations legally — a dated license audit of 20+ libraries (Magic UI, Aceternity, React Bits…) — plus motion specs, icon strategy, design-QA checklists and build workflows.

Stress-test Figma layouts for localization readiness, text expansion, RTL, and locale-specific formats.

Audit Figma flows for missing states, broken transitions, unsafe recovery paths, and unresolved product decisions.

Structured style-fidelity checker for design-to-code: diff Figma vs. front-end per-attribute + by geometric boundary distance. AI judges only what needs judgment — a faster, cheaper, quantifiable alternative to screenshot visual diff.

MCP server + CLI for AI-powered design fidelity — compare Figma designs or screenshots against rendered UI. 90% mutation recall, zero false positives on a golden eval set. No API keys — uses your Claude Code or Codex subscription.

A visual feedback loop for agents

Design QA for the AI era — catch drift between your Figma designs and shipped UI. Pixel + element-level diff, auto-matching, token drift detection.

Pre-ship design QA gate - contrast, touch targets, keyboard paths, breakpoints for any screen before it merges

Fastest Figma-to-website design QA, powered by AI. This MCP server connects Claude to Whoogy to auto-detect pages, run visual regression and UI comparison scans, and deliver a full report in minutes, catching design drift before launch, without leaving your conversation.

Design QA Agent helps teams catch design-system drift in coded UI before it ships.

Portable Markdown skill for AI vibe coding with design QA: accessibility, WCAG, responsive testing, visual consistency, UI polish, and remediation plans.