GitHub
transition-sequences
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
☆ 11查看技能
测试与安全 AI 技能
发现 测试与安全 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 测试与安全
测试与安全 清除筛选
全部技能
GitHub
web-motion-design
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
☆ 11查看技能
GitHub
animation-principles-troubleshooting
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
☆ 11查看技能
GitHub
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
☆ 11查看技能
GitHub
anime-js
Use when implementing Disney's 12 animation principles with Anime.js library
☆ 11查看技能
GitHub
orchestrated-sequences
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
☆ 11查看技能
GitHub
carousels-sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
☆ 11查看技能
GitHub
rive-animations
Use when implementing Disney's 12 animation principles with Rive interactive animations
☆ 11查看技能
GitHub
ux-friction
Use when animation causes user confusion, delays task completion, or creates frustration
☆ 11查看技能
GitHub
animation-principles-quick-start
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
☆ 11查看技能
GitHub
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
☆ 11查看技能
GitHub
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
☆ 11查看技能
GitHub
technical-constraints
Use when animation is limited by browser support, platform capabilities, or technical requirements
☆ 11查看技能
GitHub
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
☆ 11查看技能
GitHub
motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
☆ 11查看技能
GitHub
filmmaker
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
☆ 11查看技能
GitHub
video-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
☆ 11查看技能
GitHub
loaders-spinners
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
☆ 11查看技能
GitHub
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
☆ 11查看技能
GitHub
rhythm-pacing
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
☆ 11查看技能
GitHub
ux-researcher
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
☆ 11查看技能
GitHub
animator-traditional
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
☆ 11查看技能
GitHub
universal-timing
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
☆ 11查看技能
GitHub
accessible-motion
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
☆ 11查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。