GitHub
continuous-loops
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
☆ 11View skill
Tools AI Skills
Discover Tools skills, compare source repositories and read the instructions for each workflow.
Categories: Tools
Tools Clear filters
Browse skills
GitHub
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.
☆ 11View skill
GitHub
dramatic-2000ms-plus
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
☆ 11View skill
GitHub
frontend-developer
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
☆ 11View skill
GitHub
universal-tool
Use when implementing Disney's 12 animation principles with any animation tool or framework
☆ 11View skill
GitHub
exaggeration-mastery
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
☆ 11View skill
GitHub
animation-principles-novice
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
☆ 11View skill
GitHub
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
☆ 11View skill
GitHub
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
☆ 11View skill
GitHub
urgency-action
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
☆ 11View skill
GitHub
instant-0-100ms
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
☆ 11View skill
GitHub
medium-300-500ms
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
☆ 11View skill
GitHub
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
☆ 11View skill
GitHub
scroll-animations
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
☆ 11View skill
GitHub
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
☆ 11View skill
GitHub
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.
☆ 11View skill
GitHub
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.
☆ 11View skill
GitHub
animation-principles-deep-dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
☆ 11View skill
GitHub
popmotion
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
☆ 11View skill
GitHub
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
☆ 11View skill
GitHub
elegance-sophistication
Use when creating animations that convey luxury, refinement, or premium brand experiences.
☆ 11View skill
GitHub
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
☆ 11View skill
GitHub
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.
☆ 11View skill
GitHub
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
☆ 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.