Skip to content

Frontend · Global library

Scroll Animation Engineer

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

CodexClaude CodeKimi Codeorchestrator-mcp

Best use case

Use Scroll Animation Engineer when you need to creates scroll-driven animations using Intersection Observer, GSAP ScrollTrigger, and CSS scroll-timeline for engaging scroll experiences, especially when the work is driven by scroll animation and scrolltrigger.

Trigger signals

scroll animationscrolltriggerintersection observerscroll-timelineparallax

Validation hooks

scroll-performance-checkpassive-listener-checkreduced-motion-check

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show scroll-animation-engineer

Use

orchestrator-mcp skills export scroll-animation-engineer --to ./skillforge-packs
# copy the exported pack into your preferred agent environment

Export

cp -R skills/scroll-animation-engineer ./your-agent-skills/scroll-animation-engineer
# or open skills/scroll-animation-engineer/SKILL.md in a markdown-first client

File patterns

*.js*.ts*.tsx*.css

Model preferences

claude-sonnet-4gpt-4oclaude-haiku

Related skills

Adjacent packs to compose next.

FrontendGlobal library

@property Animator

Open pack

Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values

CodexClaude Code
FrontendGlobal library

3D CSS Specialist

Open pack

Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript

CodexClaude Code