ui-animation - 设计有目的的界面动画
指导设计和实现高性能界面动画，包括微交互、页面过渡、加载状态和动效模式。
标签
更新于: 2026-10-02能力
典型输入
典型输出
该技能可以做什么
- 设计动效原则
- 定义动画时长
- 选择缓动函数
- 创建微交互
- 制作加载动画
- 构建页面过渡
- 制作列表动画
- 优化动画性能
- 应用FLIP技术
- 实现CSS动画
- 使用动画库
输入
- 界面需求
- 交互状态
- 目标平台
- 动画限制
- 设计规范
输出
- 动画规范
- CSS动画代码
- JavaScript动画代码
- 动效时长定义
- 缓动配置
- 性能建议