skills.rest
lostsock1
lostsock1COMMUNITY
Explore all skills by this author →
GitHub

motion-designer

Guide motion designers through Disney's 12 principles for expressive animations.

1|Updated May 10, 2026
Search Tags:#animation#motion design#disney principles#ui animation#animation principles
One-click install
npx skills add https://github.com/lostsock1/opencode-filmmaker --skill motion-designer-lostsock1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: motion-designer
Source: https://github.com/lostsock1/opencode-filmmaker/tree/main/skills/motion-designer
Command: npx skills add https://github.com/lostsock1/opencode-filmmaker --skill motion-designer-lostsock1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists motion designers in creating expressive and purposeful visual motion systems and animation specifications.

Core Features & Use Cases

  • Apply Disney's 12 Principles: Guides designers through Disney's principles for creating captivating animations.
  • Visual Motion Systems: Offers a framework for designing dynamic and engaging motion systems.
  • Animation Specifications: Provides a structured approach to creating detailed animation specifications.
  • Use Case: When a designer needs to create a compelling UI animation that follows Disney's principles and enhances user experience.

Quick Start

Use the motion-designer skill to apply Disney's 12 principles to your next UI animation project.

Frequently Asked Questions about motion-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply Disney's 12 principles of animation to UI design?▼

UI animation applies Disney's principles like anticipation and follow-through to interface elements, creating expressive visual motion systems that guide user attention and enhance user experience.

What is the best way to create detailed animation specifications for motion graphics?▼

Creating detailed animation specifications involves using a structured framework to define visual motion systems, ensuring that movement is purposeful and consistently documented for developers and motion graphics teams to implement accurately.

Do I need specific animation software to use these motion design principles?▼

Yes, you need knowledge of animation software to implement these visual motion principles, as the guidance focuses on the conceptual application of Disney's 12 principles rather than providing specific rendering or animation tools.

Can I use these animation principles for both character animation and UI motion design?▼

Yes, Disney's 12 principles are applicable to both character animation and UI motion design, providing a versatile framework for crafting expressive and meaningful movement across various visual design contexts.

Why does my UI animation feel unnatural and how can I fix it?▼

UI animation often feels unnatural when it lacks foundational principles like timing and easing; applying Disney's 12 principles provides a structured framework to craft compelling, expressive, and purposeful visual motion.

Related Skills

Explore More Design & Creative Skills→
batdorj-sbatdorj-s

review-animations

Review animation and motion code against ten design engineering standards.

Community
Advanced
dylantarredylantarre
38

animation-principles

Map Disney's 12 animation principles to UI motion guidelines.

Community
Basic
rajitsaharajitsaha
10

interaction-engineer

Create frontend architecture plans for interactive modules with state transitions and data flow.

Community
Advanced
ayofemiadeayofemiade

react-spring-physics

Create physics-based animations for React applications using React Spring and Popmotion.

Community
Advanced