🎯

mobile-touch

🎯Skill

from dylantarre/animation-principles

What it does

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

Overview

A skill marketplace of 144 Claude Code skills that teach Disney's 12 Principles of Animation and how to apply them across UI design, game development, data visualization, and other contexts. Organized as 12 sets of 12 skills each, it transforms Claude into an animation expert capable of guiding everything from CSS micro-interactions to complex motion sequences.

Key Features

144 Specialized Animation Skills - Twelve sets of twelve skills covering all 12 Disney animation principles: squash & stretch, anticipation, staging, follow-through, timing, exaggeration, and more
Application Domain Skills - Dedicated skills for web motion design, mobile touch interactions, game development, data visualization, and micro-interactions
Role-Based Skills - Skills tailored to frontend developers and other roles for contextually relevant animation guidance
Principle-Based Framework - Each animation principle is broken down with practical guidance on showing weight, directing attention, creating natural motion, and adding visual appeal
Multiple Installation Methods - Install as a Claude Code plugin, clone manually, or reference skills directly in conversations

Who is this for?

This skill collection is ideal for frontend developers, UI/UX designers, and game developers who want to apply professional animation principles to their digital interfaces. Whether building loading states, touch gestures, chart transitions, or game character movements, these skills provide the foundational knowledge to create motion that feels natural and engaging.

📦

Same repository

dylantarre/animation-principles(144 items)

mobile-touch

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add dylantarre/animation-principles --skill mobile-touch

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add dylantarre/animation-principles --skill mobile-touch

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/mobile-touch/SKILL.md

SKILL.md

1,357Installs

Last UpdatedDec 30, 2025

View on GitHub Back to Skills

More from this repository10

🎯

motion-designer🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

video-motion-graphics🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

game-designer🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

micro-interactions🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

e-commerce-retail🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

anime-js🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

filmmaker🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

gsap-greensock🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.

🎯

framer-motion🎯Skill

Enables Claude to generate and explain React animation configurations using Framer Motion, providing code snippets and design guidance for fluid, professional web interface animations.

🎯

scroll-animations🎯Skill

A collection of 144 Claude Code skills teaching Disney's 12 Principles of Animation and their application across various contexts, tools, and frameworks.