Micro Interactions

Micro Interactions taxonomy generated by the site skill importer.

7 skills
W
interaction-design

by wshobson

The interaction-design skill helps teams design and implement purposeful UI motion, microinteractions, transitions, loading states, and feedback patterns with practical React-oriented references and usage guidance.

UI Design
Favorites 0GitHub 32.6k
P
delight

by pbakaus

Use the delight skill to add tasteful UI polish, micro-interactions, and personality to success, loading, empty, and onboarding states without hurting usability or focus.

UI Design
Favorites 0GitHub 20.4k
P
delight

by pbakaus

The delight skill helps add tasteful joy, personality, and micro-polish to UI Design work. Use it to improve success states, empty states, loading moments, and interactions with context-aware guidance for delight install, setup, and usage.

UI Design
Favorites 0GitHub 14.9k
P
animate

by pbakaus

Use the animate skill to review a UI feature and plan purposeful animations, micro-interactions, and transitions. It helps you identify motion that improves feedback, clarity, hierarchy, and delight, with required design context from /frontend-design and attention to performance and accessibility.

UI Design
Favorites 0GitHub 14.9k
P
delight

by pbakaus

The delight skill helps UI teams add tasteful micro-interactions, copy, and feedback moments that make interfaces feel warmer and more memorable. Best for polishing specific screens or flows, not full redesigns. Use delight with prior /frontend-design context, and /teach-impeccable first if needed.

UI Design
Favorites 0GitHub 14.6k
P
animate

by pbakaus

Use the animate skill to review a feature and add purposeful animation, micro-interactions, and motion effects that improve clarity, feedback, and polish. Best for UI design work with clear targets, design context, and performance constraints.

UI Design
Favorites 0GitHub 14.6k
P
animate

by pbakaus

Use the animate skill to review a UI feature and add purposeful transitions, feedback states, and micro-interactions. It guides motion decisions around usability, performance constraints, reduced-motion needs, and clear implementation direction instead of decorative effects alone.

UI Design
Favorites 0GitHub 0
Micro Interactions