GitHub
animation-principles-novice
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
☆ 11View skill
dylantarre AI Skills
GitHub ↗Browse published AI skills maintained by dylantarre. Compare skill descriptions and follow each source repository for setup instructions.
Author statistics
Indexed skills
173Repository stars across indexed skills
1,990Repository forks
490Average repository stars per indexed skill
12Repository stars may repeat across skills from the same repository.
Popular categories
Recent indexing activity
Browse skills
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
GitHub
large-500-800ms
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
☆ 11View skill
GitHub
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.
☆ 11View skill
GitHub
arc-mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
☆ 11View skill
GitHub
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
☆ 11View skill
GitHub
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
☆ 11View skill
GitHub
slow-in-out-mastery
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
☆ 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.