Design Review Cowork

Fler-linse prototype-gennemgang (UX, a11y, frontend, kritiker) til en prioriteret, fix-klar rapport

Af matthewlarn · matthewlarn/claude-skills

Testet · Virker ★ 8.8/10

Design Review Cowork — Fler-linse prototype-gennemgang (UX, a11y, frontend, kritiker) til en prioriteret, fix-klar rapport

Hvad det gør

Gennemgår en HTML/React/screenshot-prototype fra flere ekspertlinser på én gang (Senior UX, Accessibility Specialist, Frontend Engineer, Design Critic, plus valgfri performance/brand/strategi) og returnerer én prioriteret rapport med WCAG-mappet, Claude-Code-klar fix-instruktioner. Udløses, når du har bygget en prototype og ønsker ekspertkritik før udgivelse.

Testrapport

Byggede en sign-in prototype med 12 plantede defekter og gennemgik den to gange. En naturlig gennemgang uden færdigheder fangede 7 ud af 12 uden prioritering; efter færdighedens multi-linse struktur fangede den alle 12, tilføjede de præcise tilgængelighedselementer, en hurtig gennemgang springer over -- overskriftsrækkefølge, en uanmeldt aria-live-fejl, manglende prefers-reduced-motion og fraværende fokusindikatorer -- plus CRITICAL/HIGH/MEDIUM-niveauer og otte WCAG-kriteriecitater med fix-snippets. En ærlighedsadvarsel: indlæst i en enkelt Claude-session rollespiller den anmelderne sekventielt i stedet for at spawne de parallelle Batch-API-agenter, dokumenterne beskriver, selvom frontmatteren afslører den afhængighed.

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

Kommandoer og eksempelprompter

  • /design-review-coworkFler-linse prototype-gennemgang (UX, a11y, frontend, kritiker) til en prioriteret, fix-klar rapport

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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