Design QA — Testing skill for Claude Code
Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token compliance, interactive states (hover, focus, active), and motion quality.
How to install Design QA
Installs to ~/.claude/skills/adityaraj0421-naksha-studio-design-qa/SKILL.md
mkdir -p ~/.claude/skills/adityaraj0421-naksha-studio-design-qa && curl -fsSL https://raw.githubusercontent.com/Adityaraj0421/naksha-studio/HEAD/commands/design-qa.md -o ~/.claude/skills/adityaraj0421-naksha-studio-design-qa/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Design QA does
description: "Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token compliance, interactive states (hover, focus, active), and motion quality." argument-hint: "" allowed-tools: ["Read", "Write", "Edit", "Bash", "Glob", "Grep", "mcp__*"]
/design-qa
Read and follow all instructions in `${CLAUDE_PLUGIN_ROOT}/agents/design-qa.md`.
Input: **$ARGUMENTS**
Alternatives in Testing
- Test Repl — Run a REPL test scenario against the claude-in-mobile REPL plugin (python/node/bash/...) 356 ★
- Superpowers Evals — Behavioral eval lab (Quorum) for the superpowers project that drives real coding-agent CLIs (Claude, Codex, Ge 107 ★
- Mobile QA — Final QA verification of a mobile app against its approved plan 107 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Claude Skill Playwright Browser
Claude Code skill: a background Playwright browser for screenshots (desktop/tablet/mobile), frontend health ch
Claudecode Skill HTML Screenshot
HTML → PC + Mobile side-by-side screenshot composer. A Claude Code skill that renders local HTML at desktop an
Generate Cover
Generate book cover images using HTML+CSS and Playwright screenshots. No external design tools needed. Usage:
Ads Design Strategy
spec.md'den Figma veya HTML/CSS çıktısına uzanan design pipeline'ını orkestre eder. "Tasarıma başlayalım", "bu
Ads Promote
Sunum için üretilmiş HTML/CSS çıktısını gerçek bir projeye dönüştürür. Mevcut spec.md, tokens.json ve HTML/CSS
Visualplanner
A Claude Code skill that turns any planning document into a beautiful, visual HTML breakdown. Point it at a sp
Related Agents
Codemod Runner
Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css
Designguru
Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance,
Accessibility Audit
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive tec... - wsho