Design Review Cowork

Wielopłaszczyznowy przegląd prototypu (UX, a11y, frontend, krytyk) w priorytetowy, gotowy do naprawy raport

Autor: matthewlarn · matthewlarn/claude-skills

Testowano · Działa ★ 8.8/10

Design Review Cowork — Wielopłaszczyznowy przegląd prototypu (UX, a11y, frontend, krytyk) w priorytetowy, gotowy do naprawy raport

Co robi ten skill

Przegląda prototyp HTML/React/zrzut ekranu z kilku perspektyw ekspertów jednocześnie (Senior UX, Specjalista ds. Dostępności, Inżynier Frontend, Krytyk Projektowania, plus opcjonalnie wydajność/marka/strategia) i zwraca jeden priorytetowy raport z instrukcjami naprawczymi zgodnymi z WCAG i gotowymi do użycia w Claude-Code. Uruchamia się, gdy zbudowałeś prototyp i chcesz uzyskać ekspercką krytykę przed wdrożeniem.

Raport z testu

Zbudowano prototyp logowania z 12 celowo wprowadzonymi defektami i przeglądano go dwukrotnie. Naturalny test bez umiejętności wykrył 7 z 12 bez priorytetyzacji; zastosowanie wielopłaszczyznowej struktury umiejętności wykryło wszystkie 12, dodając dokładne elementy dostępności, które szybkie przejście pomija — kolejność nagłówków, niezapowiedziany błąd aria-live, brak prefers-reduced-motion i brak wskaźników fokusu — plus poziomy CRITICAL/HIGH/MEDIUM i osiem cytatów kryteriów WCAG z fragmentami poprawek. Jedno zastrzeżenie dotyczące uczciwości: załadowane do pojedynczej sesji Claude'a odgrywa role recenzentów sekwencyjnie, zamiast tworzyć równoległe agenty Batch-API opisane w dokumentacji, chociaż metadane ujawniają tę zależność.

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

Instalacja

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

Komendy i przykładowe prompty

/design-review-coworkWielopłaszczyznowy przegląd prototypu (UX, a11y, frontend, krytyk) w priorytetowy, gotowy do naprawy raport

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →