·review-web-design
</>

review-web-design

Revise el diseño web para determinar la calidad del diseño, la tipografía, el uso del color, el espaciado, el comportamiento receptivo, la coherencia de la marca y la jerarquía visual. Cubre la evaluación de los principios de diseño y las recomendaciones de mejora. Úselo al revisar una maqueta de diseño antes del desarrollo, evaluar la calidad del diseño de un sitio implementado, brindar comentarios durante una sesión de revisión de diseño, evaluar la coherencia de la marca o verificar el comportamiento de respuesta en todos los puntos de interrupción.

11Instalaciones·1Tendencia·@pjt222

Instalación

$npx skills add https://github.com/pjt222/development-guides --skill review-web-design

Cómo instalar review-web-design

Instala rápidamente el skill de IA review-web-design en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/pjt222/development-guides --skill review-web-design
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: pjt222/development-guides.

SKILL.md

Ver original

Evaluate a web design for visual quality, consistency, and effectiveness across devices.

Visual hierarchy guides the user's eye through content in order of importance.

Expected: Each major page/section assessed for clear visual hierarchy. On failure: If mockups are unavailable, assess from live code using browser dev tools.

Revise el diseño web para determinar la calidad del diseño, la tipografía, el uso del color, el espaciado, el comportamiento receptivo, la coherencia de la marca y la jerarquía visual. Cubre la evaluación de los principios de diseño y las recomendaciones de mejora. Úselo al revisar una maqueta de diseño antes del desarrollo, evaluar la calidad del diseño de un sitio implementado, brindar comentarios durante una sesión de revisión de diseño, evaluar la coherencia de la marca o verificar el comportamiento de respuesta en todos los puntos de interrupción. Fuente: pjt222/development-guides.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/pjt222/development-guides --skill review-web-design
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-10
Actualizado
2026-03-11

Browse more skills from pjt222/development-guides

Respuestas rápidas

¿Qué es review-web-design?

Revise el diseño web para determinar la calidad del diseño, la tipografía, el uso del color, el espaciado, el comportamiento receptivo, la coherencia de la marca y la jerarquía visual. Cubre la evaluación de los principios de diseño y las recomendaciones de mejora. Úselo al revisar una maqueta de diseño antes del desarrollo, evaluar la calidad del diseño de un sitio implementado, brindar comentarios durante una sesión de revisión de diseño, evaluar la coherencia de la marca o verificar el comportamiento de respuesta en todos los puntos de interrupción. Fuente: pjt222/development-guides.

¿Cómo instalo review-web-design?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/pjt222/development-guides --skill review-web-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/pjt222/development-guides