GitHub
animation-principles-novice
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
☆ 11查看技能
dylantarre AI Skills
GitHub ↗浏览 dylantarre 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
173收录技能的仓库 Stars 合计
1,990仓库 Forks
490平均每个技能的仓库 Stars
12同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
modals-dialogs
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
☆ 11查看技能
GitHub
cards-containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
☆ 11查看技能
GitHub
urgency-action
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
☆ 11查看技能
GitHub
instant-0-100ms
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
☆ 11查看技能
GitHub
medium-300-500ms
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
☆ 11查看技能
GitHub
saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
☆ 11查看技能
GitHub
scroll-animations
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
☆ 11查看技能
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
☆ 11查看技能
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.
☆ 11查看技能
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.
☆ 11查看技能
GitHub
animation-principles-deep-dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
☆ 11查看技能
GitHub
popmotion
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
☆ 11查看技能
GitHub
travel-hospitality
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
☆ 11查看技能
GitHub
elegance-sophistication
Use when creating animations that convey luxury, refinement, or premium brand experiences.
☆ 11查看技能
GitHub
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
☆ 11查看技能
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.
☆ 11查看技能
GitHub
hover-interactions
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
☆ 11查看技能
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
☆ 11查看技能
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.
☆ 11查看技能
GitHub
arc-mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
☆ 11查看技能
GitHub
state-changes
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/exiting.
☆ 11查看技能
GitHub
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
☆ 11查看技能
GitHub
slow-in-out-mastery
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
☆ 11查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。