Animació
Animacions i transicions de la interfície
presentations
dylantarre
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
design
mcouthon
"Use when building dashboards, SaaS UIs, admin interfaces, or any interface needing polished professional design. Covers design direction, craft principles, and 9-phase implementation. Triggers on: 'use design mode', 'design system', 'design system upgrade'. Full access mode."
Frontend Design Agent
anton-abyzov
Frontend design expert for polished UIs with micro-interactions. Use for visual design, CSS animations, shadows, gradients, transitions. Bold, distinctive design choices.
Animation Principles - Expert
dylantarre
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
web-motion-design
dylantarre
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
rhythm-pacing
dylantarre
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.
universal-mindset
dylantarre
Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.
brand-marketing
dylantarre
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
Animation Principles - Absolute Beginner
dylantarre
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
continuous-loops
dylantarre
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Animation Principles - Master
dylantarre
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at a teaching/mentorship level
micro-interactions
dylantarre
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Animation Principles - Universal Reference
dylantarre
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 - Novice
dylantarre
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
Animation Principles - Intermediate
dylantarre
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more complex animations
universal-practitioner
dylantarre
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
accessible-motion
dylantarre
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
problem-diagnosis
dylantarre
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.
game-designer
dylantarre
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
mobile-touch
dylantarre
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
brand-strategist
dylantarre
Use when defining brand motion identity, creating animation guidelines for brand expression, or aligning animation with brand personality.
attention-grabbers
dylantarre
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Animation Principles - Teaching Others
dylantarre
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Animation Principles - Refresher
dylantarre
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations