motion-design-skill — Agent Tool by LottieFiles

by LottieFiles · Agent Tool · ★ 111

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

About motion-design-skill

Motion Design Skill Universal motion design principles for AI agents. Philosophy-first, implementation-agnostic. Teaches agents to think like motion directors — choosing the right timing, easing, choreography, and emotional intent before writing a single line of animation code. Works with any animation system (CSS, Framer Motion, GSAP, Lottie, Spring, etc.). Install Supports 40+ agents including Claude Code, Cursor, Codex, GitHub Copilot, and more. What's included Core () — Quick reference with the 8-step checklist, motion personality archetypes, duration/easing tables, property selection guide, common patterns, and quality rules. Philosophy () — Deep dives into the three pillars, Disney's 12 principles adapted for UI, emotion-to-motion mapping, choreography, narrative structure, and context adaptation. Patterns () — Ready-to-use recipes for entrance/exit animations, state feedback (success, error, loading, hover), ambient/continuous motion, and multi-element choreography. Reference () — Lookup tables for timing and easing, property selection guide, quality checklist, and troubleshooting common animation problems. When it activates The skill activat

agent-skillsanimationlottiemotion-designui

Quick Facts

Stars111
Forks15
CategoryAgent Tool
LicenseMIT
Quality Score71.2726928266424/100
Last Updated2026-05-18
Created2026-03-12
Est. Tokens~3k

motion-design-skill alternative? Top 6 similar tools

Looking for a motion-design-skill alternative? If you're comparing motion-design-skill with other agent tool tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • typeui.sh by bergside · ⭐ 83

    Design system skills for agentic tools

  • copilot-mcp by VikashLoomba · ⭐ 494

    A VSCode extension that lets you find and install Agent Skills and MCP Apps to use with GitHub Copilot, Claude

  • clsh by my-claude-utils · ⭐ 468

    Access your terminal and your AI agent from any device — phone, tablet, desktop.

  • lunar by TheLunarCompany · ⭐ 464

    lunar.dev: Agent native MCP Gateway for governance and security

  • zypher-agent by corespeed-io · ⭐ 405

    A minimal yet powerful framework for creating AI agents with full control over tools, providers, and execution

  • tutor-skills by RoundTable02 · ⭐ 400

    A Claude Code skill that turns PDFs, docs, and codebases into Obsidian study vaults

More Agent Tool Tools

Explore other popular agent tool tools:

View all Agent Tool tools →

Frequently Asked Questions

What is motion-design-skill?

motion-design-skill is Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI. It is categorized as a Agent Tool with 111 GitHub stars.

How do I install or use motion-design-skill?

You can find installation instructions and usage details in the motion-design-skill GitHub repository at github.com/LottieFiles/motion-design-skill. The project has 111 stars and 15 forks, indicating an active community.

What license does motion-design-skill use?

motion-design-skill is released under the MIT license, making it free to use and modify according to the license terms.

What are the best alternatives to motion-design-skill?

The top alternatives to motion-design-skill on Agent Skills Hub include typeui.sh, copilot-mcp, clsh. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Agent Tool tools