GitHub
joy-delight
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
☆ 11查看技能
工具与集成 AI 技能
发现 工具与集成 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 工具与集成
工具与集成 清除筛选
全部技能
GitHub
solid-drawing-mastery
Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.
☆ 11查看技能
GitHub
universal-practitioner
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
☆ 11查看技能
GitHub
problem-diagnosis
Use when animation "feels wrong" but you can't pinpoint why—debugging floaty movement, stiff characters, unclear action, or any motion that isn't working and needs systematic troubleshooting.
☆ 11查看技能
GitHub
user-feedback-clarity
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
☆ 11查看技能
GitHub
accessibility-advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
☆ 11查看技能
GitHub
media-publishing
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
☆ 11查看技能
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 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。