GitHub
forms-inputs
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
☆ 11View skill
Development AI Skills
Discover Development skills, compare source repositories and read the instructions for each workflow.
Categories: Development
Development Clear filters
Browse skills
GitHub
technical-constraints
Use when animation is limited by browser support, platform capabilities, or technical requirements
☆ 11View skill
GitHub
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
☆ 11View skill
GitHub
motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
☆ 11View skill
GitHub
filmmaker
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
☆ 11View skill
GitHub
video-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
☆ 11View skill
GitHub
loaders-spinners
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
☆ 11View skill
GitHub
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
☆ 11View skill
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.
☆ 11View skill
GitHub
ux-researcher
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
☆ 11View skill
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.
☆ 11View skill
GitHub
universal-timing
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
☆ 11View skill
GitHub
accessible-motion
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
☆ 11View skill
GitHub
staging-mastery
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
☆ 11View skill
GitHub
social-media
Use when designing animations for social platforms, messaging apps, content sharing, or community features
☆ 11View skill
GitHub
gesture-responses
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
☆ 11View skill
GitHub
exit-animations
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
☆ 11View skill
GitHub
friendliness-approachability
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
☆ 11View skill
GitHub
responsive-adaptive
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
☆ 11View skill
GitHub
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
☆ 11View skill
GitHub
professionalism-credibility
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
☆ 11View skill
GitHub
notifications-toasts
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
☆ 11View skill
GitHub
react-spring
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
☆ 11View skill
GitHub
performance-optimization
Use when animation runs slow, janky, or causes frame drops
☆ 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.