Volver a Agent Skills
Frontend y Diseño
12 Principles of Animation
por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub
Audit animation code against Disney's 12 principles adapted for the web, outputting file:line findings.
#animation#review#principles#audit
Claude Code Codex
Descripción General
This skill reviews motion code against Disney's classic 12 principles of animation, adapted for web interfaces, and returns concrete file:line findings. Use it to check whether animations have proper anticipation, follow-through, easing, and staging.
Para qué sirve
- Auditing animation quality principle-by-principle
- Reviewing a motion-heavy PR
- Improving easing and follow-through
- Learning animation fundamentals in context
Instalar
Instalar en Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install 12-principles-of-animation
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/12-principles-of-animation ~/.claude/skills/12-principles-of-animationExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend y Diseño Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex