返回技能库
设计与前端

interaction-design

给界面配上专业级的动效与状态反馈

  • 交互设计
  • 动效
  • 状态反馈
平台
Claude Code / Cursor / Codex 等
收费
开源免费
作者
wshobson

安装

npx skills add https://github.com/wshobson/agents --skill interaction-design

详细介绍

wshobson/agents 大型技能库(★40K)中的交互设计技能:按专业交互规范定义动效时长、缓动曲线与状态反馈,避免 Agent 随手加一堆「为动而动」的转场,让微交互传递真实信息。

核心特性

  • 动效时长与缓动曲线有据可依,不炫技
  • 加载、成功、失败等状态反馈模式齐全
  • 微交互以信息传达优先
  • 同库百余角色技能可按需单独安装

适用场景

  • 按钮和转场「有动效」但手感不对
  • 补齐加载 / 空态 / 错误态反馈
  • 整体提升 App 与 Web 的交互品质
适合谁

视觉定了风格之后,用它解决动效与反馈。

相关分类