microinteractions

@wondelai · 收录于 1 周前 · 上游提交 1 周前

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.

场景按钮反馈加载状态表单验证

适合你，如果想让界面交互更细腻、响应更即时

/ 下载安装

https://github.com/wondelai/skills/tree/main/microinteractions ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add wondelai/skills/microinteractions

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- wondelai/skills/microinteractions

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify wondelai/skills/microinteractions

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

1589GitHub stars

~3.2K最小装载

~22.4K含声明引用

~22.4K文本包总量

镜像托管

怎么用

商店整理自技能原文 · 版本 326b380 · 表述以原文为准

它做什么

Claude 会帮你设计按钮反馈、加载状态、开关动画等界面微交互，包括触发方式、规则、反馈和循环模式，并给出评分和改进建议。

什么时候触发

当你提到“微交互”、“按钮反馈”、“加载状态”、“开关设计”、“动画细节”、“状态转换”、“输入反馈”、“界面感觉死板”、“让UI响应更灵敏”或“为交互增加润色”等关键词时触发。

装好后可以这样说

Claude 会分析触发、规则、反馈和循环，并给出评分。

Claude 会诊断问题并提供具体修复建议。

Claude 会设计进度指示器或品牌化加载体验。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…