elite-accessibility
✓웹 애니메이션에 대한 모션 접근성 및 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
웹 애니메이션에 대한 모션 접근성 및 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이란?
웹 애니메이션에 대한 모션 접근성 및 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