web-design-reviewer
✓Esta habilidad permite la inspección visual de sitios web que se ejecutan de forma local o remota para identificar y solucionar problemas de diseño. Activadores de solicitudes como "revisar el diseño del sitio web", "verificar la interfaz de usuario", "arreglar el diseño", "encontrar problemas de diseño". Detecta problemas con el diseño responsivo, la accesibilidad, la coherencia visual y las roturas del diseño, y luego realiza correcciones a nivel del código fuente.
Instalación
SKILL.md
This skill enables visual inspection and validation of website design quality, identifying and fixing issues at the source code level.
Please provide the URL of the website to review (e.g., http://localhost:3000)
| Framework | Are you using React / Vue / Next.js, etc.? | | Styling Method | CSS / SCSS / Tailwind / CSS-in-JS, etc. | | Source Location | Where are style files and components located? | | Review Scope | Specific pages only or entire site? |
Esta habilidad permite la inspección visual de sitios web que se ejecutan de forma local o remota para identificar y solucionar problemas de diseño. Activadores de solicitudes como "revisar el diseño del sitio web", "verificar la interfaz de usuario", "arreglar el diseño", "encontrar problemas de diseño". Detecta problemas con el diseño responsivo, la accesibilidad, la coherencia visual y las roturas del diseño, y luego realiza correcciones a nivel del código fuente. Fuente: github/awesome-copilot.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer- Fuente
- github/awesome-copilot
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es web-design-reviewer?
Esta habilidad permite la inspección visual de sitios web que se ejecutan de forma local o remota para identificar y solucionar problemas de diseño. Activadores de solicitudes como "revisar el diseño del sitio web", "verificar la interfaz de usuario", "arreglar el diseño", "encontrar problemas de diseño". Detecta problemas con el diseño responsivo, la accesibilidad, la coherencia visual y las roturas del diseño, y luego realiza correcciones a nivel del código fuente. Fuente: github/awesome-copilot.
¿Cómo instalo web-design-reviewer?
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/github/awesome-copilot --skill web-design-reviewer 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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/github/awesome-copilot
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01