microinteractions
Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design", "animation detail", "state transitions", "input feedback", "the interface feels dead", "make the UI feel responsive", or "add polish to interactions". Also trigger when designing form-validation responses, progress indicators, confirmation dialogs, or any element where the user expects immediate feedback. Covers trigger design, state rules, feedback mechanisms, and progressive loops. For overall UI polish, see refactoring-ui. For affordance design, see design-everyday-things.
- Version
- 1.4.1
- License
- MIT
Pinned to revision 6bac1534f9f2, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/microinteractions/SKILL.md
- skills/microinteractions/references/case-studies.md
- skills/microinteractions/references/feedback-patterns.md
- skills/microinteractions/references/loops-modes.md
- skills/microinteractions/references/rules-and-state.md
- skills/microinteractions/references/signature-moments.md
- skills/microinteractions/references/trigger-design.md
Every link opens the file at its source, pinned to the revision this page describes.