Frontend · Global library

@property Animator

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

CodexClaude CodeKimi Codeorchestrator-mcp

Open pack on GitHub Back to catalog

Best use case

Use @property Animator when you need to creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values, especially when the work is driven by @property and custom property animation.

Trigger signals

@propertycustom property animationgradient animationcss animationregistered property

Validation hooks

syntax-validity-checkinitial-value-checkfallback-presence-check

Install surface

Copy the exact command path you need.

Inspect

pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show property-animator

Use

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

Export

cp -R skills/property-animator ./your-agent-skills/property-animator
# or open skills/property-animator/SKILL.md in a markdown-first client

File patterns

*.css*.scss*.tsx

Model preferences

claude-sonnet-4gpt-4oclaude-haiku

Related skills

Adjacent packs to compose next.

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

CodexClaude Code

Creates fully accessible forms with proper labeling, error handling, validation announcements, and keyboard navigation for all users

CodexClaude Code

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

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.

@property Animator

Copy the exact command path you need.

Adjacent packs to compose next.

3D CSS Specialist

Accessible Form Builder

Accessible Motion Designer