kuikly-animation

Installation
SKILL.md

Kuikly 动画系统开发助手(Kuikly DSL)。指导如何使用声明式动画(animate + 响应式变量)和命令式动画(animateToAttr + ViewRef)实现 opacity、backgroundColor、transform(位移/缩放/旋转/倾斜)、frame 等属性动画,涵盖 Animation 曲线配置、串行/并行动画编排、动画取消与循环等高级模式。当用户在 Kuikly 中需要实现动画效果、排查动画不生效、进行复杂动画编排时使用。

Kuikly 动画系统

核心概念

Kuikly 动画描述视图从状态 A状态 B 的属性过渡过程。三大要素:

  1. 可动画属性:transform(位移/缩放/旋转/倾斜)、opacity、backgroundColor、frame(位置和大小)
  2. Animation 对象:控制动画曲线、时长、延迟、是否循环
  3. 触发方式:声明式(响应式变量驱动)或命令式(直接调用 animateToAttr)

两种动画方式对比

特性 声明式动画 命令式动画
触发方式 响应式变量变化自动触发 手动调用 animateToAttr
核心 API attr { animate(animation, value) } viewRef?.view?.animateToAttr(animation) { ... }
适用场景 简单状态切换动画 复杂动画编排、串行动画
结束回调 event { animationCompletion { } } completion 参数回调
Related skills

More from tencent-tds/kuiklyui-ai

Installs
65
GitHub Stars
74
First Seen
Apr 15, 2026