SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 11-05 00:16

设计与创作

22,056 个结果

css-animations

CSS Animations 是 HyperFrames 中的一套 CSS 动画适配器使用规范,用于在 HyperFrames 项目中编写和定位 CSS 关键帧动画。HyperFrames 可通过其 CSS 运行时适配器对 CSS 关键帧动画进行 seek(跳转定位),因此该技能适用于简单重复的图形元素、背景运动、微光、发光、遮罩以及非顺序性的装饰效果。对于需要场景编排的场景,通常使用 GSAP 会更清晰;CSS 动画更适合运动属于单个元素且时长固定的情况。该技能给出了动画元素的契约要求(如在运行时初始化完成前放入 DOM、设置 data-start、使用有限的动画时长和迭代次数、优先使用 animation-fill-mode: both 等),并提供了基础模式与错峰(stagger)模式的示例代码,以及适合与不适合使用的场景和校验命令。

设计与创作2 次安装

gsap

GSAP 是 HyperFrames 使用的动画参考与运行时约定。它说明 HyperFrames 如何通过 gsap 运行时适配器控制 GSAP:需同步创建暂停的时间线,并以与 composition 根节点 data-composition-id 相同的键注册到 window.__timelines,再由 HyperFrames 进行 seek 驱动。资料涵盖核心补间方法(to、from、fromTo、set)、常用配置项(duration、delay、ease、stagger、repeat、回调等)、变换与 CSS 属性别名、基于函数的值、缓动、默认值、补间控制、matchMedia 响应式与无障碍、时间线(创建、位置参数、标签、嵌套、播放控制)、性能优化与清理,以及与 HyperFrames 搭配时的注意事项(如不调用 tl.play() 处理渲染关键动画、不在异步代码或事件处理器中构建时间线、循环次数必须有限)。

设计与创作2 次安装