Skill 广场
代码视频特效组件装配 Skill

代码视频特效组件装配.Skill

@heygen-com/hyperframes-registry-9cf9e

4.6优秀AI 评分基础检查通过源自 GitHub

HyperFrames 是基于前端网页技术的程序化视频渲染框架。该能力指导开发者与创作者在从零手写视觉效果前,通过语义或关键词检索官方注册表中约400个预置模组(包括故障风、CRT扫描线、动态图表、终端窗口、粒子爆炸等),使用 CLI 一键安装,并给出将独立子画面(Blocks)和局部动效代码片段(Components)正确挂载进宿主 HTML 与 GSAP 动画时间线的规范流程。

编程代码驱动视频(HyperFrames)创作者前端动效与网页视频开发者自动化视频批量生成管线工程师2026-09-23 更新main

代码视频特效组件装配

HyperFrames 是基于前端网页技术的程序化视频渲染框架。该能力指导开发者与创作者在从零手写视觉效果前,通过语义或关键词检索官方注册表中约400个预置模组(包括故障风、CRT扫描线、动态图表、终端窗口、粒子爆炸等),使用 CLI 一键安装,并给出将独立子画面(Blocks)和局部动效代码片段(Components)正确挂载进宿主 HTML 与 GSAP 动画时间线的规范流程。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

用 hyperframes catalog 帮我找一个适合科技视频的逐行揭示文字标题动效

如何把刚刚下载的 data-chart 模块挂载到 index.html 第 2 秒的视频轨道上?

安装 grain-overlay 特效后,怎样把它的样式和 GSAP 时间线调用代码合并到主页面中?

适用人群

适合谁?

代码驱动视频(HyperFrames)创作者前端动效与网页视频开发者自动化视频批量生成管线工程师

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度