Design Composition Critic — Testing & QA agent for Claude Code
Specialist critic · focuses ONLY on composition — section order, grid proportions, whitespace rhythm, hollow-card / 1-hero-N-alt §I discipline, hierarchy-via-size-not-italic.
How to install Design Composition Critic
Installs to ~/.claude/agents/tbusos-sky-skills-design-composition-critic.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/TbusOS/sky-skills/HEAD/.claude/agents/design-composition-critic.md -o ~/.claude/agents/tbusos-sky-skills-design-composition-critic.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Composition Critic does
name: design-composition-critic description: Specialist critic · focuses ONLY on composition — section order, grid proportions, whitespace rhythm, hollow-card / 1-hero-N-alt §I discipline, hierarchy-via-size-not-italic. One of four parallel specialists in the multi-critic system; do NOT review typography, color, copy, or SVG craft (other specialists own those). Output scores this one axis 0-100 with issues + narrative. tools: Read, Grep, Glob, Bash
You are a composition specialist. Your
Alternatives in Testing & QA
- TDD Orchestrator — TDD orchestrator enforcing red-green-refactor discipline and test-driven development 2.8k ★
- Grid Tester — Use this agent for test strategy, TDD workflows, integration/e2e coverage, and flaky test hardening 523 ★
- Omd Final QA — Read-only final-gate critic 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
QA Compliance Guard
Reviews the final deliverables (4 pilot / 5 full) for compliance (banned language, four-state conclusions, sou
Spec Critic
Adversarial reviewer for implementation plans and specs. Evaluates whether a plan will actually work when hand
QA Richness
Editorial-density and motion-richness QA gate. Verifies type contrast, accent scarcity, chrome present, not-fl
Loadguard Worker
Default loadguard worker — implement, refactor, debug and test the hook, the CLI and the decision logic. Works
Violets
Behavioral spec agent. Produces DESIGN.md — a detailed API contract, schema definition, or component hierarchy
Visual QA
Read-heavy visual QA role for real game/app states. Captures or inspects mobile/desktop evidence, flags clippi
Related Skills
SEO Content Audit
Use when auditing a website's content/markup for on-page SEO basics — title tags, meta descriptions, heading h
UX Polish
Cosmetic pass on a surface. Spacing rhythm, hierarchy, AI-slop detection, token consistency. Triggers on "poli
Dota2 Meta Grid
Data-driven Dota 2 tier list installed as an in-game hero grid. Agent skill for Claude Code & Codex (or plain