🎯

12-principles-of-animation

🎯Skill

from raphaelsalaja/skill

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add raphaelsalaja/skill --skill 12-principles-of-animation

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add raphaelsalaja/skill --skill 12-principles-of-animation

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

path

~/.claude/skills/12-principles-of-animation/SKILL.md

What it does

A skill that audits animation code against Disney's 12 principles adapted for web interfaces, checking timing, easing, physics, and staging rules with file:line findings for CSS transitions, Motion/Framer Motion, and other animation implementations.

📦

Same repository

raphaelsalaja/skill(7 items)

12-principles-of-animation

SKILL.md

1,142Installs

AddedApr 28, 2026

View on GitHub Back to Skills

More from this repository6

🎯

morphing-icons🎯Skill

A Claude Code skill for building icon components that morph between any two SVG icons through true shape transformation rather than crossfades, using SVG path interpolation so any icon can fluidly transition to any other.

🎯

mastering-animate-presence🎯Skill

A skill from the userinterface.wiki project providing structured guidance on UI animation and interaction patterns for AI coding agents.

🎯

to-spring-or-not-to-spring🎯Skill

A skill hosted at userinterface.wiki that provides UI-related guidance and tools for AI coding agents.

🎯

sounds-on-the-web🎯Skill

A skill from userinterface.wiki that provides guidance and patterns for implementing sound and audio interactions on the web.

🎯

generating-sounds-with-ai🎯Skill

A skill linked to userinterface.wiki that provides resources for AI coding agents.

🎯

pseudo-elements🎯Skill

A skill from the userinterface.wiki project that provides guidance on working with CSS pseudo-elements for building user interfaces.