LogoClawIndex
案例技能关于
LogoClawIndex

interaction-design - 设计并实现用户界面微交互与动效

设计并实现微交互、动效设计、页面及组件过渡与用户反馈模式。

标签

更新于: 2026-09-19
UI设计微交互动效设计framer-motionCSS动画无障碍

能力

典型输入

典型输出

该技能可以做什么

  • 添加微交互
  • 实现组件过渡
  • 设计加载状态
  • 创建手势交互
  • 构建通知系统
  • 实现拖放界面
  • 添加滚动触发动画
  • 设计悬停与焦点状态

输入

  • UI 组件代码
  • 交互需求

输出

  • 交互式 React 组件
  • CSS 动画样式

要求

  • React
  • Framer Motion
  • CSS3

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
添加微交互
实现组件过渡
设计加载状态
创建手势交互
UI 组件代码
交互需求
交互式 React 组件
CSS 动画样式