最近挖到个有意思的 Claude Code 技能——remotion-best-practices。
简单说:你告诉 Claude 想要什么动画,它帮你写代码,你跑一下就能看效果。
能干嘛
Remotion 是个用 React 写视频的工具。
传统方式:打开剪辑软件 → 拖素材 → 调关键帧 → 预览 → 不满意重来
Remotion:让 Claude 写代码 → 你运行 → 看效果
适合做这些:
有多简单
只需要 Bun。
# 安装 Bun(如果没有)curl -fsSL https://bun.sh/install | bash# 创建项目bun create remotion my-videocd my-videobun install# 启动预览bun run start
浏览器打开 localhost:3000,就能看到实时预览。
想渲染成视频:
bun run render
就这几步。
这个 Skill 帮什么
remotion-best-practices 是个 Claude Code 技能包,里面有 26 条 Remotion 的最佳实践规则。
你不用记这些规则,Claude 会参考它们帮你写代码。
比如你想要什么效果,直接说:
示例 1:文字淡入
跟 Claude 说:
"写一个文字从透明慢慢变清晰的动画,2 秒完成"
示例 2:元素弹跳
跟 Claude 说:
"写一个方块从屏幕中间弹出来的动画,带点弹性"
示例 3:打字机效果
跟 Claude 说:
"写一个打字机效果,文字一个一个蹦出来"
示例 4:图表生长
跟 Claude 说:
"写一个柱状图,三根柱子依次长高的动画"
示例 5:数字滚动
跟 Claude 说:
"写一个数字从 0 滚动到 10000 的动画"
怎么获取 Skill
GitHub:
https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md
下载整个 remotion 文件夹,放到你的 Claude Code skills 目录就能用了。
但也有局限
不是魔法棒。
你得会点 React。代码得自己运行。复杂特效还是得用 PR 或 AE。
目前至少还是能玩一玩,十一自己也在探索,希望这个真的能够帮忙剪辑做一些事情,那就方便多了
评论区聊聊,你想用它做什么动画?