reduced-motion-accessibility
CommunityProve reduced motion accessibility safely
Design & Creative#accessibility#reduced motion#runtime verification#vestibular safety#wcag mapping#animated UI#anti-slop gates
AuthorvTRKA
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Reduced Motion Accessibility prevents motion-heavy UI and media from triggering vestibular risk, hiding essential state, or failing accessibility expectations when users enable reduced-motion preferences.
Core Features & Use Cases
- Motion risk classification & decisioning: Identifies vestibular triggers (scroll effects, parallax, large transforms, autoplay loops) and selects safe reduced-motion equivalents rather than just slowing animations.
- Runtime-focused proof and fallbacks: Requires browser/runtime evidence for motion/media surfaces (video, Lottie/Rive, Canvas/WebGL) including console/network health, state availability, and cleanup.
- WCAG mapping and anti-slop gating: Produces a structured anti-slop report with evidence-backed gate IDs so approvals and handoffs are blocked when proof is missing.
Quick Start
Ask your AI tool to review your target page or prototype for reduced-motion behavior, generate the required evidence plan, and return a PASS/PARTIAL/BLOCKED result with missing runtime proof called out.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: reduced-motion-accessibility Download link: https://github.com/vTRKA/supervibe/archive/main.zip#reduced-motion-accessibility Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.