Micro Interaction Spec
owl-listener/designer-skillsMicro-interactions are the small moments that make an interface feel alive and responsive. They include things like a button that presses down or a toggle that slides smoothly. This skill helps you describe those moments clearly using a simple structure with trigger, rules, feedback, and loops.
Anyone who designs user interfaces can benefit from this skill. It breaks down how to start an interaction, what happens next, how the user sees or feels the result, and whether the action repeats. The goal is to make every tiny detail work well and feel natural.
Common examples are pull to refresh, like animations, and form error messages. The framework keeps specifications consistent and accessible. It also reminds you to keep animations short and to respect user preferences like reduced motion.
Add Micro Interaction Spec skill to your workflow
Global
mkdir -p ~/.claude/skills/micro-interaction-specProject
mkdir -p .claude/skills/micro-interaction-specSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready