---
title: "LottieFiles (@lottiefiles) skills · skilld"
description: "2 agent skills published by LottieFiles on skilld."
canonical_url: "https://skilld.dev/gh/lottiefiles"
meta:
  "og:description": "2 agent skills published by LottieFiles."
  "og:image": "https://skilld.dev/_og/d/a_LottieFiles%2Bskill%2Bprofile%2Bon%2Bskilld%2Cc_Curator.takumi%2Chandle_lottiefiles%2CdisplayName_LottieFiles%2Cavatar_~aHR0cHM6Ly9naXRodWIuY29tL2xvdHRpZWZpbGVzLnBuZw%2CcollectionCount_2%2CskillCount_2%2Cprops_eyJza2lsbHMiOlsibW90aW9uLWRlc2lnbiIsImRvdGxvdHRpZS13ZWIiXX0%2Cp_Ii9naC9sb3R0aWVmaWxlcyI%2Cs_bliaYBuS8f2heAF1.png"
  "og:image:alt": "LottieFiles skill profile on skilld"
  "og:image:height": "600"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "LottieFiles on skilld"
  "twitter:image": "https://skilld.dev/_og/d/a_LottieFiles%2Bskill%2Bprofile%2Bon%2Bskilld%2Cc_Curator.takumi%2Chandle_lottiefiles%2CdisplayName_LottieFiles%2Cavatar_~aHR0cHM6Ly9naXRodWIuY29tL2xvdHRpZWZpbGVzLnBuZw%2CcollectionCount_2%2CskillCount_2%2Cprops_eyJza2lsbHMiOlsibW90aW9uLWRlc2lnbiIsImRvdGxvdHRpZS13ZWIiXX0%2Cp_Ii9naC9sb3R0aWVmaWxlcyI%2Cs_bliaYBuS8f2heAF1.png"
  "twitter:image:alt": "LottieFiles skill profile on skilld"
---

> Index of every page on this site: [llms.txt](https://skilld.dev/llms.txt)

![Avatar for LottieFiles](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Flottiefiles.png)

# **LottieFiles**

[@lottiefiles](https://github.com/lottiefiles)org

2 skills2 repos 2.4k Synced 13 days ago

[GitHub](https://github.com/lottiefiles) [Website](https://www.lottiefiles.com)

## Skills

### [lottiefiles/motion-design-skill](https://skilld.dev/gh/lottiefiles/motion-design-skill)

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

1 skill 2.4k

`npx skilld add lottiefiles/motion-design-skill --all`

- [/motion-design](https://skilld.dev/gh/lottiefiles/motion-design-skill)

  Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.

### [lottiefiles/dotlottie-web](https://skilld.dev/gh/lottiefiles/dotlottie-web)

High-performance Lottie & dotLottie web player powered by Rust + WASM, with React, Vue, Svelte, Solid & Web Components.

1 skill 924

`npx skilld add lottiefiles/dotlottie-web --all`

- [/dotlottie-web](https://skilld.dev/gh/lottiefiles/dotlottie-web)

  Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react). Use when building, debugging, or optimizing dotLottie or Lottie animations in web projects, including vanilla JS, React, and Next.js. Covers package selection, Web Workers, state machines, theming, dynamic slot overriding, performance best practices, and common patterns.

Skills published by LottieFiles. Checked GitHub just now

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://skilld.dev/#website","@type":"WebSite","description":"Curated agent skills by humans, written by real maintainers in their own GitHub repos","name":"skilld","url":"https://skilld.dev/"},{"@id":"https://skilld.dev/gh/lottiefiles#webpage","@type":"WebPage","description":"2 agent skills published by LottieFiles on skilld.","name":"LottieFiles (@lottiefiles) skills","url":"https://skilld.dev/gh/lottiefiles","isPartOf":{"@id":"https://skilld.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://skilld.dev/gh/lottiefiles"]}]},{"@id":"https://skilld.dev/gh/lottiefiles#owner","@type":"Organization","alternateName":"@lottiefiles","description":"Agent skills published by LottieFiles on skilld.","name":"LottieFiles","url":"https://skilld.dev/gh/lottiefiles","image":{"@type":"ImageObject","@id":"https://skilld.dev/gh/lottiefiles#avatar","url":"https://github.com/lottiefiles.png","width":460,"height":460,"contentUrl":"https://github.com/lottiefiles.png"},"sameAs":["https://github.com/lottiefiles","https://www.lottiefiles.com"]},{"@id":"https://skilld.dev/gh/lottiefiles#page","@type":"CollectionPage","name":"LottieFiles skills on skilld","url":"https://skilld.dev/gh/lottiefiles","about":{"@id":"https://skilld.dev/gh/lottiefiles#owner"},"hasPart":[{"@type":"SoftwareApplication","name":"motion-design","url":"https://skilld.dev/gh/lottiefiles/motion-design-skill","applicationCategory":"DeveloperApplication","operatingSystem":"Any"},{"@type":"SoftwareApplication","name":"dotlottie-web","url":"https://skilld.dev/gh/lottiefiles/dotlottie-web","applicationCategory":"DeveloperApplication","operatingSystem":"Any"}]}]}
```