elite-accessibility
✓Web アニメーションのモーション アクセシビリティと WCAG 準拠。クリティカル: このスキルはアニメーションを実装するたびにロードする必要があります。優先モーション (CSS および GSAP パターン)、WCAG コントラスト要件、APCA、フォーカス管理、キーボード ナビゲーション、スクリーン リーダーの考慮事項について説明します。動きの減少、動きの敏感さ、前庭障害、アクセシビリティ、a11y、WCAG、コントラスト比、フォーカス スタイル、またはアニメーションのアクセシビリティに関する質問に使用します。
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
Web アニメーションのモーション アクセシビリティと WCAG 準拠。クリティカル: このスキルはアニメーションを実装するたびにロードする必要があります。優先モーション (CSS および GSAP パターン)、WCAG コントラスト要件、APCA、フォーカス管理、キーボード ナビゲーション、スクリーン リーダーの考慮事項について説明します。動きの減少、動きの敏感さ、前庭障害、アクセシビリティ、a11y、WCAG、コントラスト比、フォーカス スタイル、またはアニメーションのアクセシビリティに関する質問に使用します。 ソース: rshvr/elite-web-design。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
elite-accessibility とは？
Web アニメーションのモーション アクセシビリティと WCAG 準拠。クリティカル: このスキルはアニメーションを実装するたびにロードする必要があります。優先モーション (CSS および GSAP パターン)、WCAG コントラスト要件、APCA、フォーカス管理、キーボード ナビゲーション、スクリーン リーダーの考慮事項について説明します。動きの減少、動きの敏感さ、前庭障害、アクセシビリティ、a11y、WCAG、コントラスト比、フォーカス スタイル、またはアニメーションのアクセシビリティに関する質問に使用します。 ソース: rshvr/elite-web-design。
elite-accessibility のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rshvr/elite-web-design --skill elite-accessibility インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/rshvr/elite-web-design
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05