web-design-guidelines
✓Revise el código de la interfaz de usuario para comprobar el cumplimiento del diseño de la interfaz web, que cubre la accesibilidad WCAG 2.2/3.0, el diseño responsivo, el rendimiento, la usabilidad y las mejores prácticas modernas. Úselo cuando se le solicite "revisar mi interfaz de usuario", "verificar accesibilidad", "auditar diseño", "revisar UX", "verificar diseño responsivo" o "comprobar mi sitio con las mejores prácticas". Acciones: revisar, comprobar, auditar, analizar, validar. Temas: accesibilidad, WCAG, ARIA, HTML semántico, estados de enfoque, formularios, animación, tipografía, manejo de contenido, imágenes, rendimiento, Core Web Vitals, navegación, interacción táctil, diseño responsivo, dispositivos móviles primero, modo oscuro, internacionalización, hidratación.
Instalación
SKILL.md
Comprehensive code review for web interface compliance with industry standards including WCAG 2.2, Core Web Vitals, and modern UX best practices.
"If you can use a native HTML element with built-in semantics, use it instead of ARIA."
"No ARIA is better than bad ARIA" – Sites with ARIA average 41% more errors than those without.
Revise el código de la interfaz de usuario para comprobar el cumplimiento del diseño de la interfaz web, que cubre la accesibilidad WCAG 2.2/3.0, el diseño responsivo, el rendimiento, la usabilidad y las mejores prácticas modernas. Úselo cuando se le solicite "revisar mi interfaz de usuario", "verificar accesibilidad", "auditar diseño", "revisar UX", "verificar diseño responsivo" o "comprobar mi sitio con las mejores prácticas". Acciones: revisar, comprobar, auditar, analizar, validar. Temas: accesibilidad, WCAG, ARIA, HTML semántico, estados de enfoque, formularios, animación, tipografía, manejo de contenido, imágenes, rendimiento, Core Web Vitals, navegación, interacción táctil, diseño responsivo, dispositivos móviles primero, modo oscuro, internacionalización, hidratación. Fuente: duc01226/easyplatform.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines- Fuente
- duc01226/easyplatform
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es web-design-guidelines?
Revise el código de la interfaz de usuario para comprobar el cumplimiento del diseño de la interfaz web, que cubre la accesibilidad WCAG 2.2/3.0, el diseño responsivo, el rendimiento, la usabilidad y las mejores prácticas modernas. Úselo cuando se le solicite "revisar mi interfaz de usuario", "verificar accesibilidad", "auditar diseño", "revisar UX", "verificar diseño responsivo" o "comprobar mi sitio con las mejores prácticas". Acciones: revisar, comprobar, auditar, analizar, validar. Temas: accesibilidad, WCAG, ARIA, HTML semántico, estados de enfoque, formularios, animación, tipografía, manejo de contenido, imágenes, rendimiento, Core Web Vitals, navegación, interacción táctil, diseño responsivo, dispositivos móviles primero, modo oscuro, internacionalización, hidratación. Fuente: duc01226/easyplatform.
¿Cómo instalo web-design-guidelines?
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/duc01226/easyplatform --skill web-design-guidelines 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/duc01226/easyplatform
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01