Design Review Cowork

Multi-lens prototype review (UX, a11y, frontend, critic) in een geprioriteerd, fix-klaar rapport

Door matthewlarn · matthewlarn/claude-skills

Getest · Werkt ★ 8.8/10

Design Review Cowork — Multi-lens prototype review (UX, a11y, frontend, critic) in een geprioriteerd, fix-klaar rapport

Wat het doet

Beoordeelt een HTML/React/screenshot prototype vanuit verschillende expertlenzen tegelijk (Senior UX, Accessibility Specialist, Frontend Engineer, Design Critic, plus optionele prestatie/merk/strategie) en retourneert één geprioriteerd rapport met WCAG-gekoppelde, Claude-Code-klare fix-instructies. Activeert wanneer je een prototype hebt gebouwd en deskundige kritiek wilt voordat je het verzendt.

Testrapport

Bouwde een aanmeldingsprototype met 12 geplante defecten en beoordeelde het twee keer. Een natuurlijke no-skill pass ving 7 van de 12 op zonder prioritering; het volgen van de multi-lens structuur van de skill ving alle 12 op, en voegde de exacte toegankelijkheidsitems toe die een snelle pass overslaat -- koptekstvolgorde, een onaangekondigde aria-live fout, ontbrekende prefers-reduced-motion, en afwezige focusindicatoren -- plus CRITICAL/HIGH/MEDIUM niveaus en acht WCAG-criteriumcitaten met fix-snippets. Eén eerlijkheidswaarschuwing: geladen in een enkele Claude-sessie speelt het de reviewers sequentieel na in plaats van de parallelle Batch-API agents te spawnen die de docs beschrijven, hoewel de frontmatter die afhankelijkheid wel openbaart.

Getest op: 2026-07-20 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /design-review-coworkMulti-lens prototype review (UX, a11y, frontend, critic) in een geprioriteerd, fix-klaar rapport

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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