Updated 10mo ago
by dylantarre
animation-principles
Disney's 12 Animation Principles - Claude Code Skill Marketplace
141 GitHub stars (141)
+46 in 30 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | +1 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | +1 |
| Oct 6 | +1 |
| Oct 7 | +1 |
| Oct 8 | +2 |
| Oct 9 | +1 |
| Oct 10 | +1 |
| Oct 11 | +1 |
| Oct 12 | +1 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | +2 |
| Oct 16 | +2 |
| Oct 17 | +2 |
| Oct 18 | 0 |
| Oct 19 | +5 |
| Oct 20 | 0 |
| Oct 21 | +3 |
| Oct 22 | 0 |
| Oct 23 | +1 |
| Oct 24 | 0 |
| Oct 25 | +2 |
| Oct 26 | +2 |
| Oct 27 | +8 |
| Oct 28 | +3 |
| Oct 29 | 0 |
| Oct 30 | +5 |
| Oct 31 | +1 |
| Nov 1 | 0 |
| Nov 2 | +1 |
| Nov 3 | 0 |
| Nov 4 | +1 |
| Nov 5 | +1 |
- 30 skills (30 skills found in its SKILL.md files)
- 17 forks (17 forks)
- 10mo ago last update (Last updated 10mo ago)
Install
Skills CLI
npx skills add dylantarre/animation-principles
Asks which skills and agents to install. Just one: npx skills add dylantarre/animation-principles --skill 3d-spatial — add -g for every project.
Claude Code
git clone https://github.com/dylantarre/animation-principlescp -r "animation-principles/skills/01-by-domain/3d-spatial" ~/.claude/skills/
Copies the 3d-spatial skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add dylantarre/animation-principles
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 30 of 144 files.
-
3d-spatial
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
skills/01-by-domain/ on GitHub (opens in a new tab)3d-spatial/ SKILL.md -
accessible-motion
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
skills/01-by-domain/ on GitHub (opens in a new tab)accessible-motion/ SKILL.md -
brand-marketing
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
skills/01-by-domain/ on GitHub (opens in a new tab)brand-marketing/ SKILL.md -
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
skills/01-by-domain/ on GitHub (opens in a new tab)data-visualization/ SKILL.md -
game-development
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
skills/01-by-domain/ on GitHub (opens in a new tab)game-development/ SKILL.md -
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
skills/01-by-domain/ on GitHub (opens in a new tab)micro-interactions/ SKILL.md -
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
skills/01-by-domain/ on GitHub (opens in a new tab)mobile-touch/ SKILL.md -
page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
skills/01-by-domain/ on GitHub (opens in a new tab)page-transitions/ SKILL.md -
presentations
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
skills/01-by-domain/ on GitHub (opens in a new tab)presentations/ SKILL.md -
universal-fallback
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
skills/01-by-domain/ on GitHub (opens in a new tab)universal-fallback/ SKILL.md -
video-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
skills/01-by-domain/ on GitHub (opens in a new tab)video-motion-graphics/ SKILL.md -
web-motion-design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
skills/01-by-domain/ on GitHub (opens in a new tab)web-motion-design/ SKILL.md -
anticipation-payoff
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)anticipation-payoff/ SKILL.md -
attention-direction
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)attention-direction/ SKILL.md -
character-appeal
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)character-appeal/ SKILL.md -
emotional-narrative
Use when animation needs to convey feeling, tell a story, or connect emotionally—character moments, dramatic beats, or any motion that should make the audience care.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)emotional-narrative/ SKILL.md -
exaggerated-clarity
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)exaggerated-clarity/ SKILL.md -
naturalistic-motion
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)naturalistic-motion/ SKILL.md -
physics-intuition
Use when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight and momentum.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)physics-intuition/ SKILL.md -
problem-diagnosis
Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)problem-diagnosis/ SKILL.md -
rhythm-pacing
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)rhythm-pacing/ SKILL.md -
spatial-thinking
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)spatial-thinking/ SKILL.md -
timing-mastery
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)timing-mastery/ SKILL.md -
universal-mindset
Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.
skills/02-by-thinking-style/ on GitHub (opens in a new tab)universal-mindset/ SKILL.md -
accessibility-advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
skills/03-by-role-persona/ on GitHub (opens in a new tab)accessibility-advocate/ SKILL.md -
animator-traditional
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
skills/03-by-role-persona/ on GitHub (opens in a new tab)animator-traditional/ SKILL.md -
brand-strategist
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
skills/03-by-role-persona/ on GitHub (opens in a new tab)brand-strategist/ SKILL.md -
creative-director
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
skills/03-by-role-persona/ on GitHub (opens in a new tab)creative-director/ SKILL.md -
educator-teacher
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
skills/03-by-role-persona/ on GitHub (opens in a new tab)educator-teacher/ SKILL.md -
filmmaker
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
skills/03-by-role-persona/ on GitHub (opens in a new tab)filmmaker/ SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
cavemanby JuliusBrussee 🪨 why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
-
OpenMontageby calesthio World's first open-source, agentic video production system. 12 production pipelines, 100+ tools, 700+ agent skill and production-knowledge…
-
oh-my-openagentby code-yeongyu OmO: Just type "mass ulw" keyword with your prompt. Now you are the master of graph engineering.
-
CowAgentby zhayujie Open-source personal AI assistant & Agent Harness. Plans tasks, runs tools and skills, self-evolves with memory and knowledge. Multi-agent,…
-
watermarks-removerby guillaumemeyer A privacy-first app that strips AI watermarks from content you own.
-
ai-guideby liyupi 程序员鱼皮的 AI 资源大全 + Vibe Coding 零基础教程，分享 OpenClaw 保姆级教程、大模型玩法（DeepSeek / GPT / Gemini / Claude / GLM）、最新 AI 资讯、Prompt 提示词大全、AI 知识百科（Agent Skil…