Loading...
Loading...
Found 89 Skills
Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.
Use when creating animations that convey luxury, refinement, or premium brand experiences.
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.
Audit animation code against Disney's 12 principles adapted for web. Use when reviewing motion, implementing animations, or checking animation quality. Outputs file:line findings.
Expert in web animations, transitions, and motion design using Framer Motion and CSS