Design Review Cowork

Prototypen-Review mit mehreren Perspektiven (UX, a11y, frontend, critic) in einen priorisierten, fix-ready Bericht

von matthewlarn · matthewlarn/claude-skills

Getestet · Funktioniert ★ 8.8/10

Design Review Cowork — Prototypen-Review mit mehreren Perspektiven (UX, a11y, frontend, critic) in einen priorisierten, fix-ready Bericht

Was es kann

Reviews an HTML/React/screenshot prototype from several expert lenses at once (Senior UX, Accessibility Specialist, Frontend Engineer, Design Critic, plus optional performance/brand/strategy) und returns one prioritized report with WCAG-mapped, Claude-Code-ready fix instructions. Wird ausgelöst, wenn Sie einen prototype built haben und expert critique before shipping wünschen.

Testbericht

Built a sign-in prototype with 12 planted defects und reviewed it twice. A natural no-skill pass caught 7 of 12 with no prioritization; following the skill's multi-lens structure caught all 12, adding the exact accessibility items a quick pass skips -- heading order, an unannounced aria-live error, missing prefers-reduced-motion, und absent focus indicators -- plus CRITICAL/HIGH/MEDIUM tiers und eight WCAG criterion citations with fix snippets. One honesty caveat: loaded into a single Claude session it role-plays the reviewers sequentially rather than spawning the parallel Batch-API agents the docs describe, though the frontmatter does disclose that dependency.

Getestet am: 2026-07-20 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/matthewlarn/claude-skills
mkdir -p ~/.claude/skills
cd claude-skills && cp -r cowork-agent-audit ~/.claude/skills/design-review-cowork

Befehle & Beispiel-Prompts

  • /design-review-coworkPrototypen-Review mit mehreren Perspektiven (UX, a11y, frontend, critic) in einen priorisierten, fix-ready Bericht

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Review this prototype from UX, accessibility, and frontend angles
  • Give me a prioritized, fix-ready critique of this React component
  • Check this HTML mockup for WCAG issues before we ship it to users