溜,用自然语言生成的一段包含复杂UI、打字机效果、动态内容显示以及多层3D动画和过渡效果的Remotion视频用例
视频完全是用Remotion Agent Skills,全程Claude Code生成的,给提示词,Claude Code自动把脚本、画面、动画写好并渲染成成品
视频的动画控制、视觉输出上感觉都还不错
构建过程大体如下:
1、首先初始构想
让Claude创建一个Remotion动画,用于演示命令npx skills add remotion-dev/remotion
动画的初始设定是一个1280x1000像素的macOS终端窗口,采用浅色主题,并带有一个空提示符
2、逐步构建终端界面
Claude先探索了现有Remotion项目结构,然后创建了MacTerminal.tsx组件来渲染终端窗口
再根据修改意见调整,调整背景、字体及其他等
3、引入主合成与3D动画
创建了一个“Master”主合成,把之前的终端合成作为其中的一个序列,并为其设置背景
然后为终端窗口添加了从底部滑入、Y轴持续旋转、缩放等复杂3D动画效果
4、集成命令输出与动画
让Claude实际运行npx skills install remotion-dev/skills 命令,并将包括ASCII艺术字体的“SKILLS”标志和安装信息添加到终端动画中
5、Logo组合与过渡效果
新增一个合成,显示Remotion、Claude Code和OpenCode标志,并用“+”号连接
6、终端翻转离场动画
在命令输出完成后,终端窗口不再是简单的向下推出,而是通过X轴旋转(从0度到-90度)向摄像机方向翻转离场,营造出翻页或消失的效果
7、最终渲染
Claude渲染视频,最终的视频合成时长被设定为8秒
Remotion Agent Skills等于说不用会AE、PR,写提示词就能生成一个营销短片或者数据年报、功能演示视频了
构建过程:http://t.cn/AXG1TdYO
#RemotionAgentSkills##AI视频##HOW I AI# http://t.cn/AXG1TFeJ