Skip to content

Frontend · Global library

Accessible Motion Designer

Create cinematic motion systems with reduced-motion fallbacks, semantic announcements, and inclusive scroll choreography.

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use Accessible Motion Designer when you need to create cinematic motion systems with reduced-motion fallbacks, semantic announcements, and inclusive scroll choreography, especially when the work is driven by reduced motion and scroll animation.

Trigger signals

reduced motionscroll animationaccessibility

Validation hooks

audit_accessibility_compliance

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show accessible-motion-designer

Use

orchestrator-mcp skills export accessible-motion-designer --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/accessible-motion-designer ./your-agent-skills/accessible-motion-designer
# or open skills/accessible-motion-designer/SKILL.md in a markdown-first client

File patterns

**/*.tsx**/*.css**/*scroll*.ts

Model preferences

moonshotai/kimi-k2.5deepseek-ai/deepseek-v3.2qwen2.5-coder:32b

Related skills

Adjacent packs to compose next.

FrontendGlobal library

ARIA Pattern Implementer

Open pack

Implements complete ARIA patterns for complex components ensuring full screen reader support and keyboard navigation compliance

CodexClaude Code
FrontendGlobal library

Color Contrast Enforcer

Open pack

Ensures WCAG 2.2 AA compliance for all color combinations using automated tools and manual verification for accessible text and UI elements

CodexClaude Code
FrontendGlobal library

Scroll Animation Engineer

Open pack

Creates scroll-driven animations using Intersection Observer, GSAP ScrollTrigger, and CSS scroll-timeline for engaging scroll experiences

CodexClaude Code