RESUMEN DE 30 SEGUNDOS
Qué hace y cuándo encaja
web-design-reviewer inspecciona un sitio en ejecución, localiza problemas en el código, aplica cambios limitados y vuelve a comprobar el resultado. Es el rol más directo del piloto para detectar recortes, desbordamiento, espaciado irregular y fallos de breakpoint.
INSTALAR POR AGENT
Elige tu Agent
Las rutas proceden de la documentación del Agent o del instalador universal que usa skills.sh. La compatibilidad sigue la ficha de este Skill.
npx skills add github/awesome-copilot --skill web-design-reviewer --agent github-copilotnpx skills add github/awesome-copilot --skill web-design-reviewer --agent github-copilot -gLa instalación de proyecto queda en este repositorio para compartirla con el equipo. La instalación personal añade -g y funciona entre repositorios.
Ver rutas de instalación
.agents/skills/web-design-reviewer/~/.copilot/skills/web-design-reviewer/Copilot also accepts .github/skills and .claude/skills at project scope. Preview untrusted Skills before enabling scripts.
Ver evidencia de la ruta ↗FLUJO TÍPICO
De la tarea al resultado
Comparar viewports
Revisa móvil, tablet, escritorio y pantallas anchas con criterios de aceptación explícitos.
Localizar el problema
Relaciona un defecto visual con el componente o regla de estilo que lo produce.
Verificar el cambio
Vuelve a renderizar después de una corrección acotada y conserva evidencia revisable.
VENTAJAS Y LÍMITES
Qué puedes obtener y qué debes comprobar
Puntos fuertes
- Cubre el hueco entre una guía estática y una prueba de comportamiento.
- Hace visibles recortes y desbordamientos que solo aparecen al renderizar.
- Incluye un ciclo localizar–corregir–comprobar.
- La aceptación puede expresarse en viewports y capturas reproducibles.
Limitaciones
- Controlar el navegador y escribir en el repositorio amplía la superficie de permisos.
- Las capturas no demuestran semántica ni compatibilidad con tecnologías de asistencia.
- Los cambios dependen del estado de sesión, datos y entorno.
- Un conjunto de viewports no cubre todos los dispositivos ni navegadores.
MEJOR ENCAJE
Para quién es
Equipos frontend con una app desplegada o local
QA visual y responsables de diseño
Mantenedores que corrigen regresiones responsive
ANTES DE USARLO
Riesgos que conviene revisar
Escritura y control del navegador
Define viewports, rutas y límites antes de empezar; usa una rama descartable y revisa cada diff generado.
SEGURIDAD
Cómo interpretar el perfil de permisos
- No uses cuentas reales para la primera inspección si no son necesarias.
- Permite solo dominios y rutas de prueba explícitos.
- Revisa capturas y logs para evitar secretos o datos personales.
- Aprueba cambios del repositorio de forma independiente.
No es una certificación de seguridad. SkillSignal no ha ejecutado ni auditado de forma independiente este Skill.
PREGUNTAS FRECUENTES
Sobre web-design-reviewer
¿Qué es web-design-reviewer?
Revisión visual responsive en móvil, tablet, escritorio y pantallas anchas. Revisa el origen y el paquete actual antes de confiar en él.
¿Cómo instalo web-design-reviewer?
Elige tu Agent en la guía de instalación, copia el comando de proyecto cuando exista y prueba primero en un repositorio controlado.
¿Es seguro usar web-design-reviewer?
SkillSignal muestra señales de fuente y permisos, pero no es una certificación de seguridad. Revisa primero «Escritura y control del navegador»: Define viewports, rutas y límites antes de empezar; usa una rama descartable y revisa cada diff generado.
ETIQUETAS
Perfil localizado a partir de la fuente y los metadatos públicos indicados. Revisa siempre la versión actual antes de instalar.