用途概括指导在 HyperFrames 中编写跨 GSAP/CSS/Anime.js/WAAPI 的可定位关键帧动画。提供契约、运行时规则、机制选择与 CLI 验证方法。产出确定性、已验证且主体连续的姿势动画。
业务领域
DesignCoding
技能形态
Style GuideWorkflow
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
在 HyperFrames 合成中编写关键帧动画，且需要针对任意运行时（GSAP、CSS、Anime.js、WAAPI）提供可定位、已验证的姿势契约时。
一份确定性的关键帧动画：命名姿势、连续主体、CLI 验证状态，可直接渲染。
使用场景
设计师在 HyperFrames 中制作产品宣传视频，需要 Logo 在两个形状间变形且主体连续。使用该技能选择形状插值，编写可定位 GSAP 关键帧，并用 hyperframes keyframes --shot 验证。最终得到已验证、可渲染的变形，保持品牌一致性。
开发者将 CSS 动画移植到 HyperFrames，需证明路径运动确定性。他们遵循契约，避免禁用定时器，使用有限 CSS 关键帧与 fill-mode both，运行 hyperframes lint 与 snapshot --at。技能确保像素已验证且运动可定位渲染。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件