跳过主要内容

CLAUDE CODE 的 REMOTION SKILL

比 Remotion 走得更远的 Claude Code 动效 Skill

装一套 Skill,Claude Code 就能把你的文档做成可交互动效,还能在 HyperFrames 时间线上编辑。

每月 $19.9 起 · 支持 Claude Code 与 Codex · 独立运营,与 Anthropic 无关

使用 Claude Motion 必须订阅付费的 Creator 或 Studio 套餐,不提供 Free 免费版。

HYPERFRAMES 时间线 · 0:24 / 2:10

文字

标题重点提示

图表

自然搜索柱状图渠道筛选

交互

小测验拖拽配对

音频

配乐 · 旁白

运行在你自己的 CLAUDE CODE 或 CODEX 上 · 基于 HYPERFRAMES · MP4 + 可交互网页

一次安装,整套动效 Skill

  • 什么都能放进来

    文档、脚本、课件、PPT,或者一个粗略的想法。

  • 选一种动效风格

    每种风格都先用你自己的内容预览。

  • 由你自己的 Agent 生成

    由 Claude Code 或 Codex 来写,画面不消耗积分。

安装 Skill

动效 Skill 对比

  • 做视频项目

    合适的地方继续用 Remotion。

  • 做文档和课程

    用 Claude Motion。

  • 做应用界面

    用 Framer Motion。

安装 Skill
SKILL适合输出
Remotion Skill程序化视频MP4
Framer Motion SkillReact 应用里的界面动画网页组件
Claude Motion 的 Skill文档、课程、数据故事可交互网页 + MP4

视频类 Skill 做不到的交互区块

  • 会动的图表

    基于 ECharts,带提示框、图例和实时筛选。

  • 小测验

    即时反馈、附解析和计分。

  • 拖拽练习

    排序、配对、归类练习,自动判对错。

安装 Skill

从一种动效风格开始

每种风格都自带图表、筛选、小测验和拖拽,也可以让 Agent 自由设计。

把内容做成动画。可以多选喜欢的风格,由 AI 根据内容匹配。

浏览和多选不会下载资源包。

匹配风格并开始创作

你需要的功能都在这里

  • 动效风格

    选一种风格,或让 Agent 自由设计。

  • 动态图表

    内置 ECharts,风格统一。

  • 小测验与拖拽

    默认可交互。

  • HyperFrames 时间线

    编辑片段、时间和区块。

  • 旁白

    中英文旁白,品牌名读音准确。

  • 配乐

    现在生成或之后再加。

  • 分享链接

    公开或密码访问,附数据。

  • MP4 渲染

    本地、确定性渲染。

如何安装 Claude Motion 的 Skill

  1. 1把一句话安装命令粘贴到 Claude Code 或 Codex。
  2. 2放入你的文档,选一种动效风格,配乐可以现在加或之后加。
  3. 3在 HyperFrames 时间线上微调,然后渲染 MP4 或分享链接。
安装 Claude Motion:运行 npx -y claudemotion@latest setup,并按输出提示完成。

第一次运行会打开浏览器登录,点一下就好,不用碰终端。

常见问题

可以一起用吗?

可以。Skill 之间互不影响:视频项目继续用 Remotion,文档转动效用 Claude Motion。

给 Claude Code 一个能像视频软件一样编辑的动效 Skill

安装 Skill