# LottieFiles/motion-design-skill

Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI

Repository: https://github.com/LottieFiles/motion-design-skill
Canonical: https://ross.abutalabs.com/products/motion-design-skill
License: MIT
License Family: permissive
Topics: agent-skills, animation, lottie, motion-design, ui
Last push: 2026-05-18T11:30:13+00:00

## Health v2 (maintenance only)
Score: 52/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 83, release rhythm 35, longevity 12
- inputs: {"age_days": 174, "days_push": 107, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, young
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1406, forks 82 (observed 2026-08-28T04:04:37.758245+00:00)

## What it is
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
- artifact type: learning-resource
- maturity: active
- function: animation, agent-framework, prompt-engineering, ui-components, developer-tools
- domain: web-development, frontend, web-design, artificial-intelligence, developer-tools, tutorials
- platform: cross-platform, cli
- tags: agent-skills, motion-design, lottie, ui-animation, micro-interactions, disney-animation-principles, easing, choreography, philosophy-first, implementation-agnostic

## Member repositories
- LottieFiles/motion-design-skill (main) score 52

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:37.758245+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:38:41.229605+00:00, confidence not recorded.
  - readme: https://github.com/LottieFiles/motion-design-skill (fetched 2026-08-28T04:04:37.758245+00:00, sha e6a10d603590)
- Data as of 2026-08-30T08:39:29.467469+00:00.