12 Principles Of Animation
This is actually the userinterface-wiki skill with a misleading name. It covers way more than just the 12 principles of animation. You get 152 rules across animation timing, exit animations, CSS pseudo-elements, audio feedback, sound synthesis, morphing icons, UX laws, prefetching, and typography. The animation principles section is solid and covers timing windows, easing choices, and physics-based motion, but it's maybe 10% of the total content. If you're specifically after Disney's 12 principles like squash and stretch or anticipation, this isn't that. It's more of a comprehensive UI/UX linting guide that happens to include modern web animation best practices alongside a bunch of other frontend concerns.
- skills.sh installs
- 275
- GitHub stars
- 947
- last updated
- Aug 21, 2026
Install
$ npx -y skills add raphaelsalaja/userinterface-wiki --skill 12-principles-of-animation --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is actually the userinterface-wiki skill with a misleading name. It covers way more than just the 12 principles of animation. You get 152 rules across animation timing, exit animations, CSS pseudo-elements, audio feedback, sound synthesis, morphing icons, UX laws, prefetching, and typography. The animation principles section is solid and covers timing windows, easing choices, and physics-based motion, but it's maybe 10% of the total content. If you're specifically after Disney's 12 principles like squash and stretch or anticipation, this isn't that. It's more of a comprehensive UI/UX linting guide that happens to include modern web animation best practices alongside a bunch of other frontend concerns.
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/raphaelsalaja/userinterface-wiki
- Categories
- Documentation, Code Review & Quality, Design & UI/UX
- First seen
- Jun 3, 2026
More from raphaelsalaja/userinterface-wiki
All 8Recommended
More Documentation
shieldcn-badgesjal-co/shieldcnAdd beautiful shadcn/ui-styled README badges to projects using shieldcn. Use when adding badges, shields, or status indicators to README files, docs, or markdow271skills.sh installs
fumadocs-mdx-structuretheorcdev/8bitcn-uiCreate MDX documentation files with proper frontmatter, imports, and component integration. Apply when creating or updating Fumadocs documentation pages in cont271skills.sh installs
javascript-testing-expertdubzzz/fast-checkExpert-level JavaScript testing skill focused on writing high-quality tests that find bugs, serve as documentation, and prevent regressions. Advocates for prope269skills.sh installs
deepwikijohnlindquist/claudeQuery DeepWiki for repository documentation and structure. Use to understand open source projects, find API docs, and explore codebases.269skills.sh installs
docxjim60105/copilot-promptUse this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word doc264skills.sh installs
home-assistantballoob/llm-skillsUse this if the user wants to connect to Home Assistant or leverage Home Assistant in any shape or form inside their project. Guide users integrating Home Assis261skills.sh installs