microinteractions
适合优化按钮、加载等细节以提升产品体验。
提供微交互设计框架：触发、规则、反馈、循环与模式。
把那些让产品“有质感”的小细节补好：按钮反馈、加载态、切换动画、输入提示等交互瞬间的触发、规则、反馈和循环设计。适合界面感觉迟钝、需要即时反馈或想增加交互抛光时使用。用 Dan Saffer 的结构把微交互拆成可复用的模式，让体验更敏捷、更可预测。
▸ 展开 SKILL.md 英文原文
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.
帮我安装这个 skill：https://raw.githubusercontent.com/wondelai/skills/main/microinteractions/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/wondelai/skills/main/microinteractions/SKILL.md"# Microinteractions Framework Design the tiny, contained product moments users touch every day -- toggles, password fields, loading indicators, pull-to-refresh, like buttons. Based on Dan Saffer's four-part structure (Trigger, Rules, Feedback, Loops & Modes), this framework turns invisible details into the polish that separates forgettable products from beloved ones. ## Core Principle **The difference between a product you tolerate and a product you love is almost always in the microinteractions.** A microinteraction is a contained moment built around a single use case -- changing a setting, syncing data, picking a password -- so small that users rarely think about it consciously, but the