GitHub
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
☆ 11View skill
DevOps AI Skills
Discover DevOps skills, compare source repositories and read the instructions for each workflow.
Categories: DevOps
DevOps Clear filters
Browse skills
GitHub
e-commerce-retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
☆ 11View skill
GitHub
secondary-action-mastery
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
☆ 11View skill
GitHub
animation-principles-expert
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
☆ 11View skill
GitHub
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
☆ 11View skill
GitHub
feedback-indicators
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
☆ 11View skill
GitHub
slow-800-1200ms
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
☆ 11View skill
GitHub
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.
☆ 11View skill
GitHub
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.
☆ 11View skill
GitHub
anticipation-mastery
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
☆ 11View skill
GitHub
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
☆ 11View skill
GitHub
after-effects
Use when implementing Disney's 12 animation principles in Adobe After Effects
☆ 11View skill
GitHub
micro-100-200ms
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
☆ 11View skill
GitHub
page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
☆ 11View skill
GitHub
figma-prototyping
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
☆ 11View skill
GitHub
educator-teacher
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
☆ 11View skill
GitHub
universal-patterns
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
☆ 11View skill
GitHub
animation-principles-teaching-others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
☆ 11View skill
GitHub
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
☆ 11View skill
GitHub
creative-director
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
☆ 11View skill
GitHub
animation-principles-refresher
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
☆ 11View skill
GitHub
lottie-bodymovin
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
☆ 11View skill
GitHub
squash-stretch-mastery
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
☆ 11View skill
GitHub
power-confidence
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
☆ 11View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.