Design Review Cowork

Prototypgranskning med flera linser (UX, a11y, frontend, kritiker) till en prioriterad, fix-redo rapport

av matthewlarn · matthewlarn/claude-skills

Testad · Fungerar ★ 8.8/10

Design Review Cowork — Prototypgranskning med flera linser (UX, a11y, frontend, kritiker) till en prioriterad, fix-redo rapport

Vad den gör

Granskar en HTML/React/skärmdump-prototyp från flera expertlinser samtidigt (Senior UX, Accessibility Specialist, Frontend Engineer, Design Critic, plus valfri prestanda/varumärke/strategi) och returnerar en prioriterad rapport med WCAG-mappade, Claude-Code-redo fixinstruktioner. Utlöses när du har byggt en prototyp och vill ha expertkritik innan leverans.

Testrapport

Byggde en inloggningsprototyp med 12 planterade defekter och granskade den två gånger. Ett naturligt pass utan färdighet fångade 7 av 12 utan prioritering; efter färdighetens flersidiga struktur fångades alla 12, vilket lade till de exakta tillgänglighetsartiklar som ett snabbt pass hoppar över -- rubrikordning, ett oanmält aria-live-fel, saknad prefers-reduced-motion och frånvarande fokusindikatorer -- plus CRITICAL/HIGH/MEDIUM-nivåer och åtta WCAG-kriterieciteringar med fix-snippets. En ärlighetsvarning: laddad i en enda Claude-session spelar den upp granskarna sekventiellt istället för att spawna de parallella Batch-API-agenter som dokumenten beskriver, även om frontmatter avslöjar det beroendet.

Testad: 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

Kommandon och exempelprompter

  • /design-review-coworkPrototypgranskning med flera linser (UX, a11y, frontend, kritiker) till en prioriterad, fix-redo rapport

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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