Design Review Cowork

Revisione prototipo multi-lente (UX, a11y, frontend, critico) in un report prioritizzato e pronto per la correzione

di matthewlarn · matthewlarn/claude-skills

Promosso ★ 8.8/10

Design Review Cowork — Revisione prototipo multi-lente (UX, a11y, frontend, critico) in un report prioritizzato e pronto per la correzione

Cosa fa

Revisiona un prototipo HTML/React/screenshot da diverse prospettive esperte contemporaneamente (Senior UX, Specialista Accessibilità, Ingegnere Frontend, Critico di Design, più performance/brand/strategia opzionali) e restituisce un report prioritizzato con istruzioni di correzione pronte per Claude-Code e mappate WCAG. Si attiva quando hai costruito un prototipo e desideri una critica esperta prima del rilascio.

Rapporto di test

Costruito un prototipo di login con 12 difetti inseriti e revisionato due volte. Un passaggio naturale senza skill ha rilevato 7 su 12 senza prioritizzazione; seguendo la struttura multi-lente della skill ha rilevato tutti e 12, aggiungendo gli esatti elementi di accessibilità che un passaggio rapido salta -- ordine delle intestazioni, un errore aria-live non annunciato, prefers-reduced-motion mancante e indicatori di focus assenti -- più livelli CRITICAL/HIGH/MEDIUM e otto citazioni di criteri WCAG con snippet di correzione. Un'avvertenza di onestà: caricato in una singola sessione Claude, interpreta i revisori sequenzialmente anziché generare gli agenti Batch-API paralleli descritti nella documentazione, sebbene il frontmatter riveli tale dipendenza.

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

Installazione

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

Comandi e prompt di esempio

  • /design-review-coworkRevisione prototipo multi-lente (UX, a11y, frontend, critico) in un report prioritizzato e pronto per la correzione

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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