使用文档

代码视频转可编辑 AE 工程：HTML、Remotion | ArbiFX

用 Codex 或 Claude Code 配合 Code2AE 与 ArbiFX，将 HTML、Remotion、Hyperframe 代码视频重建为可编辑的 After Effects 工程。查看 Skill 安装目录、插件连接、请求示例与 AE 验证步骤。

按问题查找

如何把 HTML 动画变成可编辑的 After Effects 工程？

把完整 HTML 动画源工程及所需素材交给已安装 Code2AE Skill 的 AI 助手，并先完成 ArbiFX 插件连接。要求助手用 code2ae 重建画面和动画，在 AE 中检查并修正差异后保存工程。需要保留原代码和素材，不能只把导出视频改成工程文件扩展名。

操作来源: 代码视频转 AE 工程 · 五分钟上手

下一步: 用 Codex 或 Claude Code 把代码视频做成可编辑 AE 工程，需要哪些工具？

Hyperframe 做的代码视频怎么交付成可编辑 AE 工程？

在 ArbiFX 已完成安装与配置的环境中，把 Hyperframe 原工程和所需素材交给使用 Code2AE 的 AI 助手。明确交付物是可编辑 After Effects 工程，并要求先理解原工程、还原画面与动画、在 AE 中检查差异再保存。保留源工程便于核对与后续修改。

操作来源: 代码视频转 AE 工程

下一步: 代码视频转 AE 时，需要给 AI 什么素材，怎样检查还原效果？

代码视频转 AE 时，需要给 AI 什么素材，怎样检查还原效果？

提供完整原代码项目及其依赖素材，让助手能够理解源代码并观察原输出。安装并配置 ArbiFX 后，要求 Code2AE 重建画面与运动，并在真实 AE 工程中对照原输出检查差异、修正后保存。不要把“已生成工程”与“已核对还原效果”当作同一步验收。

操作来源: 代码视频转 AE 工程

下一步: 用 Codex 或 Claude Code 把代码视频做成可编辑 AE 工程，需要哪些工具？

🔥新功能

代码视频转 AE 工程

现在 ArbiFX 支持配合 Code2AE Skill，将 HTML、Remotion、Hyperframe 等 AI 生成的代码视频重建为可编辑的 After Effects 工程，忠实还原画面与动画。

告诉你的 AI

请帮我安装一下 https://github.com/Oxoxxidane/Code2AE_skill
  1. 按五分钟上手完成 ArbiFX 插件安装和 API Key 配置。保持 AE 打开，并确认已在任意图层上添加 ArbiFX → AFX 效果。
  2. 将完整的原代码视频工程及所需素材交给 AI 助手，发送：“使用 code2ae，将这个代码视频重建为可编辑的 AE 工程，忠实还原画面和动画，在 AE 中检查并修正差异，最后保存工程。”

五分钟上手

按下面的顺序操作，就能完成第一次生成。

  1. 打开 arbifx.com，点击右上角 登录，注册并验证邮箱。新注册账户会获得 1200 额度。
  2. 回到首页，在 立即下载 区域选择 Windows X64，下载并运行安装程序，完成插件安装。
  3. 在网站右上角进入 控制台 → API Key 管理，点击 创建新 Key，复制生成的密钥。
  4. 打开 After Effects，选中一个图层（建议新建调整图层），在 效果和预设 面板中找到 ArbiFX → AFX，将其应用到图层上。
  5. 在效果控件面板中点击 AFX 行上的 Start 按钮，打开 Start 窗口。
  6. 点击 Start 窗口右上角的 API设置，粘贴密钥并点击 验证并保存。
  7. 在 效果描述 中写下想要的效果，例如“黑洞吸积盘，橙色高温气体绕中心旋转”，点击 发送。
  8. 稍等片刻，看到 已应用 后，效果就已经出现在图层上了。你可以在效果控件中调节参数，或继续在 Start 窗口中描述修改意见。