Micro-Interaction Library
When to use: Adding the finishing touch to any interface: hover/active states, toggle springs, like-animation, button ripples, and other small interactions that make products feel alive.
npx skills add micro-interaction-librarygit clone https://github.com/skillhub-community/micro-interaction-library.gitDescription
A curated micro-interaction library inspired by top-tier products (Linear, Stripe, Apple). Components: ButtonPress (scale-down press + ink ripple, configurable ripple origin), SpringToggle (switch that slides and springs with a satisfying snap, knob shadow grows on hover), LikeHeart (burst particles + elastic pop on like, with confetti for 'super like'), DragFeedback (cards that tilt, shadow-grow and snap-back-or-throw on drag end), NumberStepper (count ticks with rolling-digit animation), and InputFocusRing (label floats + accent ring animates in).
Each interaction is engineered for feel: durations in the 100-300ms sweet spot, easing that decelerates naturally (cubic-bezier(0.2, 0, 0, 1) family), and haptic-style visual feedback (shadow depth, scale, glow) rather than just color changes. Includes a 'feel checklist' component you can run on any existing UI to spot dead interactions. All components respect reduced motion and are keyboard-accessible with visible focus rings.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub