Design Review Cowork

Revisión de prototipos con múltiples lentes (UX, a11y, frontend, crítico) en un informe priorizado y listo para corregir

Por matthewlarn · matthewlarn/claude-skills

Probado · Funciona ★ 8.8/10

Design Review Cowork — Revisión de prototipos con múltiples lentes (UX, a11y, frontend, crítico) en un informe priorizado y listo para corregir

Qué hace

Revisa un prototipo HTML/React/captura de pantalla desde varias perspectivas expertas a la vez (UX Senior, Especialista en Accesibilidad, Ingeniero Frontend, Crítico de Diseño, más rendimiento/marca/estrategia opcionales) y devuelve un informe priorizado con instrucciones de corrección mapeadas a WCAG y listas para Claude-Code. Se activa cuando has construido un prototipo y deseas una crítica experta antes de su lanzamiento.

Informe de la prueba

Construí un prototipo de inicio de sesión con 12 defectos plantados y lo revisé dos veces. Un pase natural sin habilidad detectó 7 de 12 sin priorización; siguiendo la estructura de lentes múltiples de la habilidad detectó los 12, añadiendo los elementos exactos de accesibilidad que un pase rápido omite —orden de encabezados, un error aria-live no anunciado, falta de prefers-reduced-motion y ausencia de indicadores de enfoque— además de niveles CRITICAL/HIGH/MEDIUM y ocho citas de criterios WCAG con fragmentos de corrección. Una advertencia de honestidad: cargado en una única sesión de Claude, simula a los revisores secuencialmente en lugar de generar los agentes paralelos de Batch-API que describen los documentos, aunque el frontmatter sí revela esa dependencia.

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

Instalación

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

Comandos y prompts de ejemplo

  • /design-review-coworkRevisión de prototipos con múltiples lentes (UX, a11y, frontend, crítico) en un informe priorizado y listo para corregir

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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