elite-accessibility
✓Accesibilidad de movimiento y cumplimiento de WCAG para animaciones web. CRÍTICO: Esta habilidad debe cargarse siempre que se implementen animaciones. Cubre preferencias de movimiento reducido (patrones CSS y GSAP), requisitos de contraste WCAG, APCA, gestión de enfoque, navegación con teclado y consideraciones sobre lectores de pantalla. Úselo cuando se le pregunte sobre: movimiento reducido, sensibilidad al movimiento, trastornos vestibulares, accesibilidad, a11y, WCAG, relaciones de contraste, estilos de enfoque o cómo hacer que las animaciones sean accesibles.
Instalación
SKILL.md
| Reduced motion | reduced-motion.md | | WCAG contrast | wcag-contrast.md | | Focus & keyboard | focus-keyboard.md |
| Slide in from side | Instant appear or fade only | | Parallax scrolling | Static positioning | | Scroll-triggered reveals | Content visible by default | | Bouncing/pulsing | Static or subtle opacity change | | Page transitions | Instant navigation | | Auto-playing carousels | Static slide, manual controls |
macOS System Preferences → Accessibility → Display → Reduce motion
Accesibilidad de movimiento y cumplimiento de WCAG para animaciones web. CRÍTICO: Esta habilidad debe cargarse siempre que se implementen animaciones. Cubre preferencias de movimiento reducido (patrones CSS y GSAP), requisitos de contraste WCAG, APCA, gestión de enfoque, navegación con teclado y consideraciones sobre lectores de pantalla. Úselo cuando se le pregunte sobre: movimiento reducido, sensibilidad al movimiento, trastornos vestibulares, accesibilidad, a11y, WCAG, relaciones de contraste, estilos de enfoque o cómo hacer que las animaciones sean accesibles. Fuente: rshvr/elite-web-design.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility- Fuente
- rshvr/elite-web-design
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-05
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es elite-accessibility?
Accesibilidad de movimiento y cumplimiento de WCAG para animaciones web. CRÍTICO: Esta habilidad debe cargarse siempre que se implementen animaciones. Cubre preferencias de movimiento reducido (patrones CSS y GSAP), requisitos de contraste WCAG, APCA, gestión de enfoque, navegación con teclado y consideraciones sobre lectores de pantalla. Úselo cuando se le pregunte sobre: movimiento reducido, sensibilidad al movimiento, trastornos vestibulares, accesibilidad, a11y, WCAG, relaciones de contraste, estilos de enfoque o cómo hacer que las animaciones sean accesibles. Fuente: rshvr/elite-web-design.
¿Cómo instalo elite-accessibility?
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/rshvr/elite-web-design --skill elite-accessibility 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/rshvr/elite-web-design
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-05