Design Review Cowork
Revisión de prototipos con múltiples lentes (UX, a11y, frontend, crítico) en un informe priorizado y listo para corregir
Probado · Funciona
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 anglesGive me a prioritized, fix-ready critique of this React componentCheck this HTML mockup for WCAG issues before we ship it to users