·motion-designer

motion-designer

Name: motion-designer
Author: dylantarre

✓

dylantarre/animation-principlesGitHub: dylantarre/animation-principles Source: dylantarre/animation-principles

Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.

dylantarre·motion·designer

183Installs·12Trend·@dylantarre

Installation

GitHub: dylantarre/animation-principles

$npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer

How to Install motion-designer

Quickly install motion-designer AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dylantarre/animation-principles.

SKILL.md

View raw

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.

Squash and Stretch The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.

Anticipation Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.

Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement. Source: dylantarre/animation-principles.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer
Source: dylantarre/animation-principles
Category: *Creative Media
Verified: ✓
First Seen: 2026-02-19
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/dylantarre/animation-principles/motion-designer

Browse more skills from dylantarre/animation-principles

Quick answers

What is motion-designer?

Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement. Source: dylantarre/animation-principles.

How do I install motion-designer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw