@skills · Owner
Agent skills by dylantarre
158 skills indexed from github.com/dylantarre. Reference any of them in AdaL, Claude Code, Cursor or any coding agent — nothing to install.
- 01-by-domain · Collection · 69 stars
- 02-by-thinking-style · Collection · 69 stars
- 03-by-role-persona · Collection · 69 stars
- 04-by-skill-level · Collection · 69 stars
- 05-by-animation-type · Collection · 69 stars
- 06-by-emotional-outcome · Collection · 69 stars
- 07-by-ui-element · Collection · 69 stars
- 08-by-industry · Collection · 69 stars
- 09-by-tool-framework · Collection · 69 stars
- 10-by-time-scale · Collection · 69 stars
- 11-by-principle-focus · Collection · 69 stars
- 12-by-problem-type · Collection · 69 stars
- 3d-spatial · Skill · 69 stars
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
- accessibility-advocate · Skill · 69 stars
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
- accessibility-issues · Skill · 69 stars
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
- accessible-motion · Skill · 69 stars
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
- accordions-dropdowns · Skill · 69 stars
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
- after-effects · Skill · 69 stars
Use when implementing Disney's 12 animation principles in Adobe After Effects
- Animation Principles - Absolute Beginner · Skill · 69 stars
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
- Animation Principles - Advanced · Skill · 69 stars
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
- Animation Principles - Deep Dive · Skill · 69 stars
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
- Animation Principles - Expert · Skill · 69 stars
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
- Animation Principles - Intermediate · Skill · 69 stars
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations
- Animation Principles - Master · Skill · 69 stars
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
- Animation Principles - Novice · Skill · 69 stars
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
- Animation Principles - Quick Start · Skill · 69 stars
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
- Animation Principles - Refresher · Skill · 69 stars
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
- Animation Principles - Teaching Others · Skill · 69 stars
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
- Animation Principles - Troubleshooting · Skill · 69 stars
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
- Animation Principles - Universal Reference · Skill · 69 stars
Use when discussing animation principles with users of unknown skill level, or when providing a balanced reference that works for any experience level
- animation-principles · Collection · 69 stars
- animator-traditional · Skill · 69 stars
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic conte
- anime-js · Skill · 69 stars
Use when implementing Disney's 12 animation principles with Anime.js library
- anticipation-mastery · Skill · 69 stars
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
- anticipation-payoff · Skill · 69 stars
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing imp
- appeal-mastery · Skill · 69 stars
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audi
- arc-mastery · Skill · 69 stars
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
- attention-direction · Skill · 69 stars
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierar
- attention-grabbers · Skill · 69 stars
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention
- attention-management · Skill · 69 stars
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
- brand-consistency · Skill · 69 stars
Use when animation doesn't match brand personality, feels generic, or clashes with design language
- brand-marketing · Skill · 69 stars
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
- brand-strategist · Skill · 69 stars
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
- buttons-ctas · Skill · 69 stars
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
- calm-relaxation · Skill · 69 stars
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
- cards-containers · Skill · 69 stars
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
- carousels-sliders · Skill · 69 stars
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
- character-appeal · Skill · 69 stars
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that
- comfort-safety · Skill · 69 stars
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
- continuous-infinite · Skill · 69 stars
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
- continuous-loops · Skill · 69 stars
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely
- creative-director · Skill · 69 stars
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
- css-native · Skill · 69 stars
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
- data-visualization · Skill · 69 stars
Use when animating charts, graphs, dashboards, data transitions, or any information visualization work.
- deliberate-1200-2000ms · Skill · 69 stars
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
- dramatic-2000ms-plus · Skill · 69 stars
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
- e-commerce-retail · Skill · 69 stars
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
- education-learning · Skill · 69 stars
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
- educator-teacher · Skill · 69 stars
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
- elegance-sophistication · Skill · 69 stars
Use when creating animations that convey luxury, refinement, or premium brand experiences.
- emotional-disconnect · Skill · 69 stars
Use when animation feels wrong, creates unintended emotional response, or mismatches context
- emotional-narrative · Skill · 69 stars
Use when animation needs to convey feeling, tell a story, or connect emotionally—character moments, dramatic beats, or any motion that should make the audi
- enterprise-b2b · Skill · 69 stars
Use when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
- entrance-animations · Skill · 69 stars
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
- exaggerated-clarity · Skill · 69 stars
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communica
- exaggeration-mastery · Skill · 69 stars
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
- excitement-energy · Skill · 69 stars
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
- exit-animations · Skill · 69 stars
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animatio
- feedback-indicators · Skill · 69 stars
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
- figma-prototyping · Skill · 69 stars
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
- filmmaker · Skill · 69 stars
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
- fintech-banking · Skill · 69 stars
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
- fitness-wellness · Skill · 69 stars
Use when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
- follow-through-overlapping · Skill · 69 stars
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
- forms-inputs · Skill · 69 stars
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
- framer-motion · Skill · 69 stars
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
- friendliness-approachability · Skill · 69 stars
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
- frontend-developer · Skill · 69 stars
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
- game-designer · Skill · 69 stars
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
- game-development · Skill · 69 stars
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
- gaming-entertainment · Skill · 69 stars
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
- gesture-responses · Skill · 69 stars
Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.
- gsap-greensock · Skill · 69 stars
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
- healthcare-medical · Skill · 69 stars
Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
- hover-interactions · Skill · 69 stars
Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.
- icons-badges · Skill · 69 stars
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
- implementation-debugging · Skill · 69 stars
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
- instant-0-100ms · Skill · 69 stars
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
- joy-delight · Skill · 69 stars
Use when creating animations that evoke happiness, surprise, or delightful moments in the user experience.
- large-500-800ms · Skill · 69 stars
Use when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attention
- lists-grids · Skill · 69 stars
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
- loaders-spinners · Skill · 69 stars
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
- loading-states · Skill · 69 stars
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
- lottie-bodymovin · Skill · 69 stars
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
- media-publishing · Skill · 69 stars
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
- medium-300-500ms · Skill · 69 stars
Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication
- micro-100-200ms · Skill · 69 stars
Use when building micro-interactions between 100-200ms - tooltips appearing, dropdown opens, small feedback animations that feel quick but perceptible
- micro-interactions · Skill · 69 stars
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
- mobile-touch · Skill · 69 stars
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
- modals-dialogs · Skill · 69 stars
Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits
- motion-designer · Skill · 69 stars
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
- motion-one · Skill · 69 stars
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
- motion-sickness · Skill · 69 stars
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
- naturalistic-motion · Skill · 69 stars
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with aut
- navigation-menus · Skill · 69 stars
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
- notifications-toasts · Skill · 69 stars
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
- orchestrated-sequences · Skill · 69 stars
Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together
- page-transitions · Skill · 69 stars
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
- performance-optimization · Skill · 69 stars
Use when animation runs slow, janky, or causes frame drops
- physics-intuition · Skill · 69 stars
Use when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight
- playfulness-fun · Skill · 69 stars
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
- popmotion · Skill · 69 stars
Use when implementing Disney's 12 animation principles with Popmotion's functional animation library
- power-confidence · Skill · 69 stars
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
- presentations · Skill · 69 stars
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
- problem-diagnosis · Skill · 69 stars
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 a
- product-manager · Skill · 69 stars
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.
- professionalism-credibility · Skill · 69 stars
Use when creating animations for business contexts that require seriousness, competence, and trustworthy presentation.
- react-spring · Skill · 69 stars
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
- responsive-adaptive · Skill · 69 stars
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
- rhythm-pacing · Skill · 69 stars
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-
- rive-animations · Skill · 69 stars
Use when implementing Disney's 12 animation principles with Rive interactive animations
- saas-productivity · Skill · 69 stars
Use when designing animations for business tools, project management, collaboration software, or productivity apps
- scroll-animations · Skill · 69 stars
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.
- secondary-action-mastery · Skill · 69 stars
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main actio
- skills · Collection · 69 stars
- slow-800-1200ms · Skill · 69 stars
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
- slow-in-out-mastery · Skill · 69 stars
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
- small-200-300ms · Skill · 69 stars
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
- social-media · Skill · 69 stars
Use when designing animations for social platforms, messaging apps, content sharing, or community features
- solid-drawing-mastery · Skill · 69 stars
Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally so
- spatial-thinking · Skill · 69 stars
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or m
- squash-stretch-mastery · Skill · 69 stars
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
- staging-mastery · Skill · 69 stars
Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.
- state-changes · Skill · 69 stars
Use when elements transform in place - toggle switches, expanding accordions, checkbox animations, button states, or any transformation without entering/ex
- straight-ahead-pose-mastery · Skill · 69 stars
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
- technical-constraints · Skill · 69 stars
Use when animation is limited by browser support, platform capabilities, or technical requirements
- timing-calibration · Skill · 69 stars
Use when animation speed feels wrong—too fast, too slow, or inconsistent
- timing-mastery · Skill · 69 stars
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of move
- timing-principle-mastery · Skill · 69 stars
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
- transition-sequences · Skill · 69 stars
Use when orchestrating multi-step animations - page transitions, onboarding flows, wizard steps, complex reveals, or any choreographed animation sequence.
- travel-hospitality · Skill · 69 stars
Use when designing animations for travel booking, hospitality apps, tourism platforms, or vacation planning experiences
- trust-reliability · Skill · 69 stars
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
- universal-elements · Skill · 69 stars
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
- universal-emotion · Skill · 69 stars
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
- universal-fallback · Skill · 69 stars
Use when the animation domain is unclear or spans multiple contexts—provides general-purpose Disney animation principle guidance.
- universal-industry · Skill · 69 stars
Use when designing animations for any industry or when industry-specific guidelines do not apply
- universal-mindset · Skill · 69 stars
Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinkin
- universal-patterns · Skill · 69 stars
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
- universal-practitioner · Skill · 69 stars
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
- universal-solutions · Skill · 69 stars
Use when facing any animation problem as a comprehensive diagnostic framework
- universal-timing · Skill · 69 stars
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
- universal-tool · Skill · 69 stars
Use when implementing Disney's 12 animation principles with any animation tool or framework
- urgency-action · Skill · 69 stars
Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.
- user-feedback-clarity · Skill · 69 stars
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
- ux-friction · Skill · 69 stars
Use when animation causes user confusion, delays task completion, or creates frustration
- ux-researcher · Skill · 69 stars
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
- video-motion-graphics · Skill · 69 stars
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
- web-motion-design · Skill · 69 stars
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.