Remotion Video Maker All In One

Make videos programmatically

$ npx create-video@latest

# install skill
$ npx -y skill add remotion-dev/skills -g -y

$ npx -y skills@latest add remotion-dev/skills -g -y

$ npx create-video@latest --yes --blank my-video
$ cd my-video
$ npm i
$ npx remotion skills add
$ npm run dev

https://www.remotion.dev/

https://github.com/remotion-dev/remotion

demos

$ npm i @remotion/cli remotion

$ npx remotion render HelloWebgeeker out/hello-webgeeker.mp4

Claude Code + Remotion Skills

https://github.com/remotion-dev/skills

# install skills
$ npx skills add remotion-dev/skills
# OR
$ npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices

https://www.skills.sh/vercel-labs/skills/find-skills

Prompt 中明确要求 Claude Code 先读取 skill，这样生成的代码会严格遵循 remotion-best-practices 的规范，而不是依赖模型本身的默认习惯。

先读取 remotion-best-practices skill，然后创建一个 Remotion 项目。

目标：6 秒钟的「Hello Webgeeker」好莱坞风格片头视频，1920x1080，30fps。

效果要求：
- 纯黑背景
- "Hello Webgeeker" 文字以冲击力方式砸入画面，伴随冲击波扭曲效果
- 撞击瞬间爆发金色粒子
- 强烈的色差闪光（chromatic aberration）
- 文字落定后，绿色（#67c23a）轮廓光晕脉冲
- 顶部和底部黑色宽幅遮幅条像电影一样滑入

只需一个 Composition，不用拆分场景。整体质感对标好莱坞大片片头字幕。

帮我用 Remotion 创建一个 8 秒的视频。背景是深色，画面中央显示一个数字，从 0 逐渐增长到 1,000,000，数字有弹跳动画效果，最后定格时出现"突破百万！"的字样。字体要大，颜色用金黄色。

npx skills

https://img2024.cnblogs.com/blog/740516/202606/740516-20260611165247113-1245016495.png

# github user/repo
$ npx skills add remotion-dev/skills
# github user/repo -s skill-name
$ npx skills add remotion-dev/skills -s remotion-best-practices
# github user/repo --skill skill-name
$ npx skills add remotion-dev/skills --skill remotion-best-practices

# github URL
$ npx skills add https://github.com/remotion-dev/skills
$ npx skills add https://github.com/remotion-dev/skills -s remotion-best-practices
$ npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices

# local skills
$ npx skills add ./local-skills-folder

https://www.skills.sh/

https://www.skills.sh/vercel-labs

https://www.skills.sh/vercel-labs/skills

https://www.skills.sh/vercel-labs/skills/find-skills

refs

https://www.runoob.com/claude-code/claude-code-remotion-best-practices.html

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！