Animation Principles Novice
If you're teaching Claude to help with animation work or critique, this gives it a working knowledge of the 12 principles. It's practical stuff: squash and stretch percentages for bouncing balls, when to use pose-to-pose versus straight ahead, silhouette testing for staging. The novice level means it won't get into advanced timing or secondary motion nuances, but it covers the foundational vocabulary and basic applications. Worth adding if you're doing any motion design work and want Claude to understand why anticipation matters or how to approach a basic bounce cycle without explaining from scratch every time.
- GitHub stars
- 70
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill animation-principles---novice --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're teaching Claude to help with animation work or critique, this gives it a working knowledge of the 12 principles. It's practical stuff: squash and stretch percentages for bouncing balls, when to use pose-to-pose versus straight ahead, silhouette testing for staging. The novice level means it won't get into advanced timing or secondary motion nuances, but it covers the foundational vocabulary and basic applications. Worth adding if you're doing any motion design work and want Claude to understand why anticipation matters or how to approach a basic bounce cycle without explaining from scratch every time.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Animation Principles Quick Start
- Animation Principles Refresher
- Animation Principles Teaching Others
- Animation Principles Troubleshooting
- Animation Principles Universal Reference
- Video Motion Graphics2.7K
- Mobile Touch2.4K
- Framer Motion1.8K
- Motion Designer1.7K
- Micro Interactions1.5K
- Web Motion Design1.4K
- Scroll Animations1.2K
- Game Designer1.1K
- After Effects975
- Filmmaker943
- 3d Spatial824
- Gsap Greensock779
- Css Native760
- Saas Productivity757
- Game Development750
- Page Transitions718
- Fitness Wellness709
- Presentations705
- E Commerce Retail690
Recommended
More Design & UI/UX
Animation Principles - Universal Referencedylantarre/animation-principlesUse when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level0skills.sh installs
frontend-designlukerenton/explore-claude-codeCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat0skills.sh installs
frontend-designrecomby-ai/recomby-geoCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs
design-principlessrbhr/Resume-MatcherSwiss International Style for Resume Matcher. Invoke ONLY when designing new UI components or modifying existing component styles.0skills.sh installs
frontend-designsyahiidkamil/software-engineer-ai-agent-atlasCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs
frontend-designthinkinaixyz/deepchatCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs