·elite-accessibility
</>

elite-accessibility

rshvr/elite-web-design

Bewegungszugänglichkeit und WCAG-Konformität für Webanimationen. KRITISCH: Dieser Skill sollte immer geladen werden, wenn Animationen implementiert werden. Behandelt bevorzugte reduzierte Bewegungen (CSS- und GSAP-Muster), WCAG-Kontrastanforderungen, APCA, Fokusverwaltung, Tastaturnavigation und Überlegungen zum Bildschirmlesegerät. Verwenden Sie diese Option, wenn Sie gefragt werden zu: eingeschränkter Bewegung, Bewegungsempfindlichkeit, Gleichgewichtsstörungen, Zugänglichkeit, A11y, WCAG, Kontrastverhältnissen, Fokusstilen oder der Zugänglichkeit von Animationen.

4Installationen·0Trend·@rshvr

Installation

$npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility

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

Bewegungszugänglichkeit und WCAG-Konformität für Webanimationen. KRITISCH: Dieser Skill sollte immer geladen werden, wenn Animationen implementiert werden. Behandelt bevorzugte reduzierte Bewegungen (CSS- und GSAP-Muster), WCAG-Kontrastanforderungen, APCA, Fokusverwaltung, Tastaturnavigation und Überlegungen zum Bildschirmlesegerät. Verwenden Sie diese Option, wenn Sie gefragt werden zu: eingeschränkter Bewegung, Bewegungsempfindlichkeit, Gleichgewichtsstörungen, Zugänglichkeit, A11y, WCAG, Kontrastverhältnissen, Fokusstilen oder der Zugänglichkeit von Animationen. Quelle: rshvr/elite-web-design.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-05
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist elite-accessibility?

Bewegungszugänglichkeit und WCAG-Konformität für Webanimationen. KRITISCH: Dieser Skill sollte immer geladen werden, wenn Animationen implementiert werden. Behandelt bevorzugte reduzierte Bewegungen (CSS- und GSAP-Muster), WCAG-Kontrastanforderungen, APCA, Fokusverwaltung, Tastaturnavigation und Überlegungen zum Bildschirmlesegerät. Verwenden Sie diese Option, wenn Sie gefragt werden zu: eingeschränkter Bewegung, Bewegungsempfindlichkeit, Gleichgewichtsstörungen, Zugänglichkeit, A11y, WCAG, Kontrastverhältnissen, Fokusstilen oder der Zugänglichkeit von Animationen. Quelle: rshvr/elite-web-design.

Wie installiere ich elite-accessibility?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/rshvr/elite-web-design