GitHub
user-feedback-clarity
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
☆ 11View skill
Databases AI Skills
Discover Databases skills, compare source repositories and read the instructions for each workflow.
Categories: Databases
Databases Clear filters
Browse skills
GitHub
accessibility-advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
☆ 11View skill
GitHub
media-publishing
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
☆ 11View skill
GitHub
motion-one
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
☆ 11View skill
GitHub
attention-grabbers
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
☆ 11View skill
GitHub
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
☆ 11View skill
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
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.