代码生成视频

每日签到，免费领 15 积分

Code to Video

Code to Video 是一款 AI 视频制作工具：你写一段简短描述，Claude 把整条视频写成动画代码。它会预览四帧画面，修好不对的地方，再渲染成 9:16、16:9 或 1:1 的 MP4。没有合适的现成模板时，就用它。

写清楚画面里出现什么、出现的顺序和整体氛围。Claude 会把整个视频写成代码，所以不受模板版式限制，能描述的都能做。

画幅
时长

图片（可选，最多 4 张）

写代码、预览和修改都免费（免费账号每天 3 次）。渲染需要 15 积分，可以用免费签到积分支付。

视频会在这里播放

描述任何视频，让 Claude 把它写成代码。看过预览画面、改好想改的地方，再渲染。

历史记录

渲染完成的视频会显示在这里。

Code to Video 怎么用

  1. 1

    描述视频

    写清楚画面里出现什么、出现的顺序和氛围。需要的话，最多可以加入四张你自己的图片。

  2. 2

    Claude 写代码

    Claude 用 HTML 和 CSS 写出每个场景，把所有动画放进一条 GSAP 时间轴。你能看到代码一行行生成。

  3. 3

    预览并修复

    真实渲染器截取四张预览画面。Claude 对照你的描述检查，修复被裁切的文字、对比度不足或出错的场景。

  4. 4

    修改并渲染

    用一句话提出修改，或直接改代码。然后花 15 积分渲染 1080p MP4，免费签到积分也可以支付。

大家用 Code to Video 做什么

模板做不了的视频

定制片头、特别的版式、粒子或几何图形场景：只要能描述出来，Claude 就能写成代码。

产品预告

动态标题、依次滑入的功能卡片和最后的 Logo，节奏和配色完全按你的文案和品牌来。

讲解与图示

用图形和 SVG 做出动画步骤、箭头、时间线和简单图表，不需要设计软件。

动态社媒内容

把一句金句、一份清单或一条公告做成适合 TikTok、Reels 和 Shorts 的竖屏短视频。

更多创作方式

Code to Video 使用指南

Code to Video 是什么

Code to Video 是我们视频工具里的自由创作工具。AI 视频模板 提供成熟的版式，由 AI 填写文字。Code to Video 更进一步：Claude 把整个视频写成代码，包括版式、字体、配色和每一个动画。你不再受模板形状的限制，模板覆盖不到的需求也能变成完整的 MP4。

代码分三部分。Style 是普通的 CSS。Body 是每个场景的 HTML，每个场景在时间轴上有开始时间和时长。Script 是一条 GSAP 时间轴，驱动画面上所有的运动。渲染器在无头浏览器里打开页面，逐帧推进时间轴，把结果录成视频。

怎样写好描述

按顺序描述场景。说清楚出现什么文字、背景是什么、每一段持续多久。「深色背景，标题逐字打出，三张卡片依次上滑，最后停在 Logo」比「做个酷炫的宣传片」效果好得多。

把要出现的事实写进描述。Claude 只使用描述里的事实，不会编造价格、数据、奖项或客户名称，所以请写上真实的数字和真实的行动号召。如果在意氛围和配色，也写出来：安静极简、明快有力、你的品牌蓝。

需要时加入你自己的图片。产品图、截图或 Logo 都可以放进任意场景。一个视频最多四张图片，来源可以是你的上传或你的 AI 图片。

预览、检查与修改

Claude 写完代码后，真实渲染器会在视频的不同时刻截取四张画面。Claude 再把这些画面和你的描述、代码放在一起检查：文字被裁切、重叠或看不清，画面空白，场景偏离描述，都会被指出，严重问题会在你看到结果前用小改动修好。

主动权在你手里。输入「第二个场景放慢一点，Logo 再大一些」这样的修改，Claude 只改这一处并重写代码。如果你懂 HTML、CSS 或 GSAP，也可以直接改任意一部分代码，渲染会完全使用你看到的代码。

代码的安全规则

无论代码由谁编写，渲染前都要通过安全检查。视频页面只能从一份图片和视频相关库的白名单加载外部代码，每个库固定一个版本和一个确切地址：用于 3D 场景的 three.js，用于公式的 KaTeX 和 MathJax，以及 Lottie、p5.js、D3、PixiJS、Matter.js 物理引擎、opentype.js 字形轮廓和 GSAP 插件。其他任何脚本、字体或网站都会被拒绝。页面不能访问网络、存储数据或打开其他页面，只能显示你添加的图片。渲染器内部还有严格的内容安全策略执行同样的规则，并且只放行视频实际用到的库。代码违反规则时，工具会指出问题并列出允许的库，由 Claude 重写。

每一帧都由同一条暂停的时间轴位置决定，所以 3D 场景、物理掉落或生成式绘画在预览画面和 MP4 的每一帧里都完全一致。3D 和画布场景在渲染器内用软件 WebGL 绘制。

价格与免费使用

写代码、预览和修改都免费：免费账号每天 3 次 AI 草稿，购买后每天 30 次。渲染 10 到 30 秒的视频需要 15 积分。免费账号可以用每日签到积分支付渲染，所以不花钱也能完整体验 Code to Video。渲染失败会自动退还积分。

什么时候选模板

如果你的视频正好符合某个模板，比如产品宣传、图表、聊天故事或幻灯片，模板会更快，还提供旁白、音乐和字幕。当你想要的版式或动画不在模板库里，或者想完全掌控每个像素和每一秒时，选择 Code to Video。

Code to Video 常见问题

Code to Video 怎么收费？
让 Claude 写代码、预览画面和修改都免费，免费账号每天 3 次，购买后每天 30 次。渲染 MP4 统一 15 积分，适用于 10 到 30 秒的任意时长，免费签到积分也可以支付。
是哪个 AI 写的视频？
由 Anthropic 的 Claude Sonnet 5.5 编写代码、检查预览画面并修复发现的问题。
需要会写代码吗？
不需要。用日常语言描述视频，修改也用同样的方式提出。代码只是留给想手动修改的人。
可以用我自己的图片吗？
可以。从你的上传或 AI 图片中最多添加四张，并在描述里说明它们出现在哪里。
可以渲染哪些格式？
适合 TikTok、Reels 和 Shorts 的竖屏 9:16，适合 YouTube 的横屏 16:9，以及方形 1:1，时长 10、15、20 或 30 秒的 MP4。
视频有声音吗？
Code to Video 渲染的是无声视频。你可以在剪辑软件里加音乐或配音，或者使用提供旁白、音乐和字幕的 AI 视频模板。
视频可以使用 three.js 这样的库吗？
可以，但只限固定的白名单：用于 3D 的 three.js，用于数学公式的 KaTeX 和 MathJax，以及 Lottie、p5.js、D3、PixiJS、Matter.js、opentype.js 和 GSAP 插件。在描述里直接提出即可，例如“旋转的 3D 标志”或“公式一笔一笔画出来”。加载其他内容的代码会在渲染前被拒绝。
渲染失败怎么办？
渲染失败的积分会自动退还，你可以再试一次。