用途：本技能用于在 gitframes WebGPU SDK 上以代码优先方式设计、结构化和动画化视频合成，替代 Puppeteer/Chromium 浏览器渲染。
主要能力：Composition 生命周期管理（画布尺寸、帧率、背景、字体、音轨、图层层级）；场景架构（tokens、场景模块、主装配）；图层原语（text、box、flex、video、image、svg、lottie、audio、shape、caption、chart、camera、light、model）；动画系统支持关键帧、动态排版 TextAnimator 预设、3D 空间变换、CameraAnimation、程序化与音频响应驱动（wiggle、spring、signal）。
使用方式：从 gitframes npm 包导入 Composition、Layer、FontManager、LayerAnimation、TextAnimator、CameraAnimation、Signal 等。先通过 FontManager.register() 注册字体并列入 comp.fonts，再构建图层树并添加到 Composition。关键帧用 fromTo 或 keys 定义；文本动画使用 animators 与 kineticSweep；3D 使用 transformStyle/perspective 或 CameraAnimation；信号可用 Signal.fromArray 或 comp.addSignal 命名绑定。
限制与注意：无头 WebGPU 不存在系统字体，必须注册字体；关键帧帧号、起始帧和时长必须为整数，小数帧会导致校验失败；关键帧相对节点自身时间线（0 为出现时刻）；动画 y 会覆盖布局 y；边框需用 borderColor 与 borderWidth，CSS 字符串边框被忽略；x/y 未配 position: "relative" 会使节点脱离 flex 流变为绝对定位；每个 Layer.audio() 需指定 durationFrames 以防音频截断；alpha 着色器使用预乘 alpha，不可用 "src-alpha"。
适用场景：广告、影片和多镜头视频的代码化合成、动态排版、图表动画、3D 场景与音频响应视觉。未提供具体收费、价格和效果数据。