Code Motion Studio
使用 Node、resvg 和 FFmpeg,从定时矢量场景渲染原创图形动画。
ClaudeSkills本站原创MIT
视频
Code Motion Studio 使用 Node.js、动态 SVG 帧、resvg 与 FFmpeg,在本地渲染 15 秒的 Paperplane 动画。MP4 是原创代码图形,没有调用 AI 视频模型,也没有执行 Remotion 流程。
这里展示实际导出的文件。可打开原文件完整查看或下载。
检查 Paperplane 样例,以及代码模板的三个定时场景:问题、产品工作区与行动号召。
运行配套 Node.js Code Motion Studio 工具,以本地矢量图形构建 360 帧动态 SVG。
用 resvg 把 SVG 帧转为图像,再由 FFmpeg 编码成 15 秒、1280 × 720、24 fps 的 MP4,并导出 SVG 海报和渲染来源记录。
播放 MP4,检查元数据和渲染来源。改写夹具用于自己的任务之前,先复核信息与节奏。
打开技能页,查看工具包来源、运行要求与安装说明。