Design Review Cowork

Víceúhlová recenze prototypu (UX, a11y, frontend, kritik) do prioritizované, opravitelné zprávy.

od matthewlarn · matthewlarn/claude-skills

Otestováno · Funguje ★ 8.8/10

Design Review Cowork — Víceúhlová recenze prototypu (UX, a11y, frontend, kritik) do prioritizované, opravitelné zprávy.

Co umí

Recenzuje HTML/React/screenshot prototyp z několika odborných úhlů pohledu najednou (Senior UX, Accessibility Specialist, Frontend Engineer, Design Critic, plus volitelný performance/brand/strategy) a vrací jednu prioritizovanou zprávu s WCAG-mapovanými, Claude-Code-ready instrukcemi pro opravu. Spouští se, když jste vytvořili prototyp a chcete odbornou kritiku před nasazením.

Testovací report

Vytvořil jsem přihlašovací prototyp s 12 zasazenými vadami a dvakrát ho zkontroloval. Přirozený průchod bez dovedností zachytil 7 z 12 bez prioritizace; po struktuře dovednosti s více objektivy zachytil všech 12, přidal přesné položky přístupnosti, které rychlý průchod přeskočí — pořadí nadpisů, neohlášenou chybu aria-live, chybějící prefers-reduced-motion a chybějící indikátory fokusu — plus úrovně CRITICAL/HIGH/MEDIUM a osm citací kritérií WCAG s úryvky oprav. Jedno upozornění na poctivost: načteno do jedné relace Claude hraje role recenzentů sekvenčně, spíše než aby spouštělo paralelní agenty Batch-API, jak popisuje dokumentace, ačkoli frontmatter tuto závislost odhaluje.

Testováno: 2026-07-20 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /design-review-coworkVíceúhlová recenze prototypu (UX, a11y, frontend, kritik) do prioritizované, opravitelné zprávy.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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