LottieFiles/motion-design-skill resource

Health v2 · maintenance only

Flags: no_releases young

Adoption not part of the score

1406 stars · 82 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A skill package that teaches AI coding agents universal motion design principles — timing, easing, choreography, and Disney's 12 animation principles adapted for UI. It is philosophy-first and implementation-agnostic, working with any animation system such as CSS, Framer Motion, GSAP, or Lottie.

Use cases

• add a playful entrance animation to card components
• create loading success error state transitions for a submit button
• choreograph entrance sequences for a dashboard with staggered elements
• review my animation code and suggest improvements based on motion design principles
• establish a brand motion identity for my product
• make micro-interactions feel more polished
• learn how to apply Disney animation principles to UI design

When to choose

• you want AI agents to write better-timed, better-eased UI animations
• you need guidance on multi-element choreography and sequencing
• you're building motion design guidelines or brand motion identity
• you work across multiple animation frameworks and want implementation-agnostic principles

When to avoid

• you need a runnable animation library or runtime code rather than principles and recipes
• you want a tool that renders or previews Lottie files
• your project has no UI animation requirements

Facets

learning-resource · maturity active

animation agent-framework prompt-engineering ui-components developer-tools web-development frontend web-design artificial-intelligence developer-tools tutorials cross-platform cli agent-skills motion-design lottie ui-animation micro-interactions disney-animation-principles easing choreography philosophy-first implementation-agnostic

Member repositories

For agents

markdown · JSON · MCP: product_card(name="LottieFiles/motion-design-skill")