Design Review Cowork

Revue de prototype multi-lentilles (UX, a11y, frontend, critique) en un rapport priorisé et prêt à être corrigé

par matthewlarn · matthewlarn/claude-skills

Testé · Fonctionne ★ 8.8/10

Design Review Cowork — Revue de prototype multi-lentilles (UX, a11y, frontend, critique) en un rapport priorisé et prêt à être corrigé

Ce que fait

Examine un prototype HTML/React/capture d'écran sous plusieurs angles d'experts à la fois (UX Senior, Spécialiste Accessibilité, Ingénieur Frontend, Critique de Design, plus performance/marque/stratégie optionnels) et renvoie un rapport priorisé avec des instructions de correction prêtes pour Claude-Code et mappées WCAG. Se déclenche lorsque vous avez construit un prototype et souhaitez une critique experte avant de le livrer.

Rapport de test

Construit un prototype de connexion avec 12 défauts implantés et l'a examiné deux fois. Une passe naturelle sans compétence a détecté 7 des 12 sans priorisation ; en suivant la structure multi-lentilles de la compétence, les 12 ont été détectés, ajoutant les éléments d'accessibilité exacts qu'une passe rapide omet — ordre des titres, une erreur aria-live non annoncée, prefers-reduced-motion manquant et indicateurs de focus absents — plus des niveaux CRITICAL/HIGH/MEDIUM et huit citations de critères WCAG avec des extraits de correction. Une mise en garde honnête : chargé dans une seule session Claude, il joue le rôle des réviseurs séquentiellement plutôt que de générer les agents Batch-API parallèles décrits dans la documentation, bien que le frontmatter divulgue cette dépendance.

Testé le: 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

Commandes et exemples de prompts

  • /design-review-coworkRevue de prototype multi-lentilles (UX, a11y, frontend, critique) en un rapport priorisé et prêt à être corrigé

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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