SuperAPI AI 工具集

hyperframes-registry

通用与其它

查看项目

更新于 10-16 09:53

技能介绍

用途:该技能用于安装并接入 HyperFrames 注册表中的可复用单元。注册表分两类:block(独立子合成,拥有自己的尺寸、时长和时间线,通过 data-composition-src 嵌入宿主合成);component(效果片段,无独立尺寸,HTML 直接粘贴进宿主合成)。

主要能力:用 hyperframes add <name> 安装 block 或 component,安装后 CLI 会打印写入的文件路径和一段可粘贴进宿主合成的代码片段。常用命令:hyperframes add data-chart 安装 block;hyperframes add grain-overlay 安装 component;hyperframes add shimmer-sweep --dir . 指定项目;hyperframes add data-chart --json 输出机器可读结果;hyperframes add data-chart --no-clipboard 跳过剪贴板(CI/无头环境)。注意 add 仅适用于 block 与 component,示例需用 hyperframes init <dir> --example <name>。

安装位置:block 默认装到 compositions/<name>.html,component 默认装到 compositions/components/<name>.html,可在 hyperframes.json 的 paths 中配置,registry 字段示例为 https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry。

接入方式:block 用 data-composition-src 引入宿主 index.html,CLI 给出的片段只是起点,需自行补 data-composition-id(须与 block 内部 ID 一致)、data-start、data-track-index 等属性,另有 data-duration、data-width/data-height。component 需把手动文件中的 HTML 复制进宿主合成标记,CSS 放进样式块,JS 放进脚本(若有),若片段含 GSAP 时间线注释则把调用加入时间线。

发现方式:可用 curl 读取 registry.json,每项 registry-item.json 含 name、type、title、description、tags、dimensions(仅 block)、duration(仅 block)与文件列表。

限制:具体标签过滤与更多细节资料提及 discovery.md、install-locations.md、wiring-blocks.md、wiring-components.md,正文未展开;未提供收费、平台与效果信息。