Results for “animation-guidelines”

Apply animation principles to UI motion for purposeful, polished interactions.

Animation theory covering the 12 principles of animation and timing guidance. Use when designing motion, choosing easing approaches, or improving animation quality.

Sequence and choreograph multi-step animations using GSAP timelines, including nesting, labels, position parameter, and playback control.

Creates 3Blue1Brown-style animated explainer videos, algorithm visualizations, and math animations using Manim Community Edition.

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).

Manim CE animations: 3Blue1Brown math/algo videos.

Implement Flutter animations and motion design, from implicit and explicit animations to Hero transitions, Rive, and Lottie, with project structure and code examples.

Create animated technical explainers using Manim for graphs, workflows, system diagrams, and product walkthroughs with precise motion and clear scene planning.

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed. Use when the user wants a clean animated explainer rather than a generic talking-head script.

Manim CE animations: 3Blue1Brown math/algo videos.

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.

Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.

Provides step-by-step rigging setup guides for 2D and 3D character animation in Blender/Maya/Spine

Comprehensive guide for Manim Community - Python framework for creating mathematical animations and educational videos with programmatic control

Navigate, inspect, and author Animation Blueprints — state machines, states, transitions, and transition rules (AnimGraphService). Use when the user asks to create or edit an Animation Blueprint/AnimBP, add a state machine or states, wire transitions between states, set a state's animation, or inspect AnimGraph structure.

Explains how Agent Script instruction resolution works across three phases, with patterns for pre-LLM setup, LLM reasoning, and post-action loops.

DOTween animation, coroutine sequences, UI transitions, and motion design in QuizVerse.

Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed.

Comprehensive guide for Manim Community - Python framework for creating mathematical animations and educational videos with programmatic control

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.