dylantarre-animation-principles

Plugin dylantarre-animation-principles from marketplace cascade-content-creation-misc-1 in joshuarweaver/cascade-content-creation-misc-1. Commands read from the repo's manifest — 1 month ago.

Skills (144)

• 3d-spatial

  Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.

• accessible-motion

  Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.

• brand-marketing

  Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.

• data-visualization

  Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.

• game-development

  Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.

• micro-interactions

  Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.

• mobile-touch

  Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.

• page-transitions

  Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.

• presentations

  Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.

• universal-fallback

  Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.

• video-motion-graphics

  Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.

• web-motion-design

  Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.

• anticipation-payoff

  Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.

• attention-direction

  Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.

• character-appeal

  Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.

• emotional-narrative

  Use when animation needs to convey feeling, tell a story, or connect emotionally—character moments, dramatic beats, or any motion that should make the audience care.

• exaggerated-clarity

  Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.

• naturalistic-motion

  Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.

• physics-intuition

  Use when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight and momentum.

• problem-diagnosis

  Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.

• rhythm-pacing

  Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.

• spatial-thinking

  Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.

• timing-mastery

  Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.

• universal-mindset

  Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.

• accessibility-advocate

  Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.

• animator-traditional

  Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.

• brand-strategist

  Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.

• creative-director

  Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.

• educator-teacher

  Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.

• filmmaker

  Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.

• frontend-developer

  Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.

• game-designer

  Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.

• motion-designer

  Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.

• product-manager

  Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.

• universal-practitioner

  Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.

• ux-researcher

  Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.

• Animation Principles - Absolute Beginner

  Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation

• Animation Principles - Advanced

  Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations

• Animation Principles - Deep Dive

  Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context

• Animation Principles - Expert

  Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries

• Animation Principles - Intermediate

  Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations

• Animation Principles - Master

  Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level

• Animation Principles - Novice

  Use when someone has basic awareness of animation principles and wants to start applying them in simple projects

• Animation Principles - Quick Start

  Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes

• Animation Principles - Refresher

  Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations

• Animation Principles - Teaching Others

  Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels

• Animation Principles - Troubleshooting

  Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied

• Animation Principles - Universal Reference

  Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level

• attention-grabbers

  Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.

• continuous-loops

  Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.

• entrance-animations

  Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.

• exit-animations

  Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.

• feedback-indicators

  Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.

• gesture-responses

  Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.

• hover-interactions

  Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.

• loading-states

  Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.

• scroll-animations

  Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.

• state-changes

  Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.

• transition-sequences

  Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.

• universal-patterns

  Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.

• calm-relaxation

  Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.

• comfort-safety

  Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.

• elegance-sophistication

  Use when creating animations that convey luxury, refinement, or premium brand experiences.

• excitement-energy

  Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.

• friendliness-approachability

  Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.

• joy-delight

  Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.

• playfulness-fun

  Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.

• power-confidence

  Use when creating animations that convey strength, authority, or bold confidence in brand and product.

• professionalism-credibility

  Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.

• trust-reliability

  Use when creating animations that build user confidence, establish credibility, and communicate dependability.

• universal-emotion

  Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.

• urgency-action

  Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.

• accordions-dropdowns

  Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions

• buttons-ctas

  Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions

• cards-containers

  Use when animating cards, panels, tiles, or container elements to create depth and interactivity

• carousels-sliders

  Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation

• forms-inputs

  Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback

• icons-badges

  Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback

• lists-grids

  Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states

• loaders-spinners

  Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status

• modals-dialogs
• navigation-menus
• notifications-toasts
• universal-elements
• e-commerce-retail
• education-learning
• enterprise-b2b
• fintech-banking
• fitness-wellness
• gaming-entertainment
• healthcare-medical
• media-publishing
• saas-productivity
• social-media
• travel-hospitality
• universal-industry
• after-effects
• anime-js
• css-native
• figma-prototyping
• framer-motion
• gsap-greensock
• lottie-bodymovin
• motion-one
• popmotion
• react-spring
• rive-animations
• universal-tool
• continuous-infinite
• deliberate-1200-2000ms
• dramatic-2000ms-plus
• instant-0-100ms
• large-500-800ms
• medium-300-500ms
• micro-100-200ms
• orchestrated-sequences
• responsive-adaptive
• slow-800-1200ms
• small-200-300ms
• universal-timing
• anticipation-mastery
• appeal-mastery
• arc-mastery
• exaggeration-mastery
• follow-through-overlapping
• secondary-action-mastery
• slow-in-out-mastery
• solid-drawing-mastery
• squash-stretch-mastery
• staging-mastery
• straight-ahead-pose-mastery
• timing-principle-mastery
• accessibility-issues
• attention-management
• brand-consistency
• emotional-disconnect
• implementation-debugging
• motion-sickness
• performance-optimization
• technical-constraints
• timing-calibration
• universal-solutions
• user-feedback-clarity
• ux-friction

Similar plugins