web-design-guidelines
✓Mejores prácticas de UI/UX y pautas de accesibilidad. Úselo al revisar el código de la interfaz de usuario, comprobar la accesibilidad, auditar formularios o garantizar las mejores prácticas de la interfaz web. Activadores en "revisar UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mejores prácticas".
Instalación
SKILL.md
Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.
| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |
| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es web-design-guidelines?
Mejores prácticas de UI/UX y pautas de accesibilidad. Úselo al revisar el código de la interfaz de usuario, comprobar la accesibilidad, auditar formularios o garantizar las mejores prácticas de la interfaz web. Activadores en "revisar UI", "verificar accesibilidad", "auditar diseño", "revisar UX" o "verificar mejores prácticas". Fuente: asyrafhussin/agent-skills.
¿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/asyrafhussin/agent-skills --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/asyrafhussin/agent-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01