Frontend · Global library

Animation Budget Guardian

Replace heavy JavaScript-driven motion with lighter alternatives when animation polish is hurting bundle size or runtime cost.

CodexClaude CodeKimi Codeorchestrator-mcp

Open pack on GitHub Back to catalog

Best use case

Use Animation Budget Guardian when you need to replace heavy JavaScript-driven motion with lighter alternatives when animation polish is hurting bundle size or runtime cost, especially when the work is driven by framer motion and bundle budget.

Trigger signals

framer motionbundle budgetanimation

Validation hooks

audit_bundle_size

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show animation-budget-guardian

Use

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

Export

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

File patterns

**/*.tsx**/*.css**/*motion*.ts

Model preferences

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

Related skills

Adjacent packs to compose next.

Implements touch gestures, drag interactions, and swipe behaviors using native APIs and libraries for intuitive mobile and desktop experiences

CodexClaude Code

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

CodexClaude Code

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

CodexClaude Code

Apache-2.0 licensedUse it, fork it, redistribute it. No strings attached.Safety-first by designSecret redaction, release scanning, and no shell execution. Constraints are public.GitHub nativeEvery pack is a real folder. Fork, edit, PR. No hidden backend or proprietary pipeline.

Animation Budget Guardian

Copy the exact command path you need.

Adjacent packs to compose next.

Gesture Interaction Developer

@property Animator

3D CSS Specialist