Skills

Instructions your agent can follow for layout, type, motion, forms and more.

7 skills

Results

Animateby emilkowalski

Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.

MotionExternalGitHub stars: 51.4K

Animation Vocabularyby emilkowalski

Sharpen motion language so animation choices feel deliberate and consistent.

MotionExternalGitHub stars: 51.4K

Delightby pbakaus

Add personality and memorable moments through thoughtful interaction details and emotional UX touches.

InteractionExternalGitHub stars: 95.1K

Find Animation Opportunitiesby emilkowalski

Find high-conviction opportunities for useful interface motion while rejecting animation that adds noise or slows users down.

MotionExternalGitHub stars: 51.4K

Gsap Timelineby greensock

Official GSAP timeline guidance for sequencing, position parameters, labels, nesting, and playback control with gsap.timeline().

MotionExternalGitHub stars: 17.5K

Overdriveby pbakaus

Push interfaces into high-impact territory with advanced animation, shaders, and ambitious interaction systems.

MotionExternalGitHub stars: 95.1K

Slide Wrightby arifszn

Create beautiful, animated web presentations from a topic, rough notes, or an outline. Generates a custom theme and a short two-slide preview, then builds the full deck only once the user confirms the direction. Use when the user wants to make slides, a presentation, a talk deck, or a pitch deck.

MotionExternalGitHub stars: 65