dylantarre/animation-principles
Skill Claude CodeCodex
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Disney's 12 Animation Principles - Claude Code Skill Marketplace
This repository also configures its own agents. See what animation-principles tells them →
dylantarre/animation-principles
Skill Claude CodeCodex
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that convey luxury, refinement, or premium brand experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
dylantarre/animation-principles
Skill Claude CodeCodex
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: