让 Claude 帮你写动画代码,这个 skills 有点意思

最近挖到个有意思的 Claude Code 技能——remotion-best-practices。

简单说:你告诉 Claude 想要什么动画,它帮你写代码,你跑一下就能看效果。


能干嘛

Remotion 是个用 React 写视频的工具。

传统方式:打开剪辑软件 → 拖素材 → 调关键帧 → 预览 → 不满意重来

Remotion:让 Claude 写代码 → 你运行 → 看效果

适合做这些:

类型
例子
文字动效
淡入淡出、打字机效果、文字弹跳
数据可视化
图表动画、数字滚动、进度条
字幕视频
TikTok 风格的逐字高亮字幕
简单转场
切换场景、过渡动画
批量生成
同一模板、不同数据,生成一堆视频

有多简单

只需要 Bun。

# 安装 Bun(如果没有)
curl -fsSL https://bun.sh/install | bash

# 创建项目
bun create remotion my-video
cd my-video
bun 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。

目前至少还是能玩一玩,十一自己也在探索,希望这个真的能够帮忙剪辑做一些事情,那就方便多了

评论区聊聊,你想用它做什么动画?

<原文链接:https://mp.weixin.qq.com/s/fKsRGyq_UQD8w53ZHYH8ag

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
胡十一的生命力的头像-AI Express News
评论 抢沙发

请登录后发表评论

    暂无评论内容