GitHub
media-publishing
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
☆ 11查看技能
dylantarre AI Skills
GitHub ↗浏览 dylantarre 维护的已发布 AI 技能，比较用途与说明，并通过来源仓库了解安装方式。
作者统计
已收录技能
173收录技能的仓库 Stars 合计
1,990仓库 Forks
490平均每个技能的仓库 Stars
12同一仓库中的多个技能可能共享 Stars，合计包含重复仓库数据。
热门分类
近期收录动态
全部技能
GitHub
motion-one
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
☆ 11查看技能
GitHub
attention-grabbers
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
☆ 11查看技能
GitHub
enterprise-b2b
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
☆ 11查看技能
GitHub
e-commerce-retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
☆ 11查看技能
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.
☆ 11查看技能
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
☆ 11查看技能
GitHub
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
☆ 11查看技能
GitHub
feedback-indicators
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
☆ 11查看技能
GitHub
slow-800-1200ms
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
☆ 11查看技能
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.
☆ 11查看技能
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.
☆ 11查看技能
GitHub
anticipation-mastery
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
☆ 11查看技能
GitHub
data-visualization
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
☆ 11查看技能
GitHub
after-effects
Use when implementing Disney's 12 animation principles in Adobe After Effects
☆ 11查看技能
GitHub
micro-100-200ms
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
☆ 11查看技能
GitHub
page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
☆ 11查看技能
GitHub
figma-prototyping
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
☆ 11查看技能
GitHub
educator-teacher
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
☆ 11查看技能
GitHub
universal-patterns
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
☆ 11查看技能
GitHub
animation-principles-teaching-others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
☆ 11查看技能
GitHub
small-200-300ms
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
☆ 11查看技能
GitHub
creative-director
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
☆ 11查看技能
GitHub
animation-principles-refresher
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
☆ 11查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。