关于 Whiteboard Animation
Whiteboard Animation 是托管的远程 MCP 服务，可将完成的图片转为手绘动画视频。它适用于通过 AI 助手为示意图、产品图片或绘本页面制作动画，并提供进度跟踪和文件渲染链接。
主要功能
- 01将完成的图片逐笔转为动画
- 02先绘制线条再上色
- 03跟踪绘制状态和进度
- 04每个链接最多渲染 20 幅图
- 05导出为 MP4、WebM 或 PNG
适用场景
- 01将课程示意图制作成讲解动画
- 02制作手绘风格的产品展示
- 03逐页为绘本页面制作动画
- 04渲染场景文件夹并下载
MCP 相关
提供远程 MCP 工具，用于查看账户状态、估算点数、上传图片、创建和跟踪绘制任务，以及生成渲染链接。MCP 客户端通过 streamable HTTP 连接，并使用 OAuth 登录。
配置
远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。
https://mcp.whiteboardanimation.ai/mcpclaude mcp add --transport http ai-whiteboardanimation-whiteboard-animation https://mcp.whiteboardanimation.ai/mcp{"mcpServers":{"ai-whiteboardanimation-whiteboard-animation":{"type":"http","url":"https://mcp.whiteboardanimation.ai/mcp"}}}在 Cursor 中打开{"servers":{"ai-whiteboardanimation-whiteboard-animation":{"type":"http","url":"https://mcp.whiteboardanimation.ai/mcp"}}}在 VS Code 中打开{"mcpServers":{"ai-whiteboardanimation-whiteboard-animation":{"type":"http","url":"https://mcp.whiteboardanimation.ai/mcp"}}}{"mcpServers":{"ai-whiteboardanimation-whiteboard-animation":{"serverUrl":"https://mcp.whiteboardanimation.ai/mcp"}}}命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
Whiteboard Animation MCP Server
给 AI 助手一张图片，它会将图片变成手绘白板动画。
WhiteboardAnimation.ai 官方远程 MCP 服务：适用于 Claude、ChatGPT、Cursor、VS Code、Codex 和任何 MCP 客户端。
该服务托管于 https://mcp.whiteboardanimation.ai/mcp。无需安装任何东西，也无需粘贴密钥：连接一次，使用 WhiteboardAnimation.ai 账户登录，然后让助手绘制任意完整图片。它会逐笔勾勒图片、为其上色、直接在聊天中展示绘图，并提供一个用于保存 MP4 的链接。新账户注册后即可获得免费额度。
一键设置
网页端和桌面端 |
插件 → + → 自定义 MCP 服务 |
前往「设置」→「MCP」登录 |
或者使用 VS Code Insiders |
或者让你的 Agent 来设置
将以下内容粘贴到 Claude Code、Codex、Cursor 或任何能够编辑自身 MCP 设置的 Agent 中：
Add the Whiteboard Animation MCP server to my MCP settings: streamable HTTP at https://mcp.whiteboardanimation.ai/mcp, sign-in with OAuth (no API key). Then help me sign in, and once it is connected, call its status tool and tell me how many credits I have.
手动配置
ChatGPT
- 在网页版 ChatGPT 中打开 Plugins。
- 选择 + → Add custom MCP server，将其命名为
Whiteboard Animation，粘贴https://mcp.whiteboardanimation.ai/mcp，然后选择 OAuth。 - 勾选风险提示，选择 Create as a plugin，并使用你的 WhiteboardAnimation.ai 账号登录。
- 在聊天中附上一张图片，并请求生成白板动画。
Claude（网页版和桌面版）
- 打开 Customize → Connectors，添加一个名为
Whiteboard Animation的自定义连接器，并填写https://mcp.whiteboardanimation.ai/mcp；也可以使用 Add to Claude 按钮。 - 选择 Connect，并使用你的 WhiteboardAnimation.ai 账号登录。
- 给 Claude 一张完成的图片，并请求生成白板动画。
Claude Code
作为 MCP 服务：
claude mcp add --transport http whiteboard-animation https://mcp.whiteboardanimation.ai/mcp
或者作为插件，它会添加 MCP 服务和一个了解完整流程的技能：
/plugin marketplace add celados/whiteboard-animation-mcp
/plugin install whiteboard-animation@whiteboard-animation
然后运行 /mcp，选择 whiteboard-animation 并登录。
Cursor
使用 Add to Cursor 按钮，或将以下内容放入 ~/.cursor/mcp.json：
{
"mcpServers": {
"whiteboard-animation": { "url": "https://mcp.whiteboardanimation.ai/mcp" }
}
}
Cursor 提示时，请从 Settings → MCP 登录。
VS Code
使用 Add to VS Code 按钮，或运行：
code --add-mcp '{"name":"whiteboard-animation","type":"http","url":"https://mcp.whiteboardanimation.ai/mcp"}'
从 MCP 服务列表中启动，并按提示登录。
Codex（CLI 和 ChatGPT 桌面应用）
作为插件，它会添加 MCP 服务和技能：
codex plugin marketplace add celados/whiteboard-animation-mcp
codex plugin add whiteboard-animation@whiteboard-animation
或者仅作为 MCP 服务：
codex mcp add whiteboard-animation --url https://mcp.whiteboardanimation.ai/mcp
codex mcp login whiteboard-animation
Gemini CLI
gemini extensions install https://github.com/celados/whiteboard-animation-mcp
任何其他 MCP 客户端
任何支持可流式 HTTP 和 OAuth 的客户端，都可以通过 https://mcp.whiteboardanimation.ai/mcp 连接。登录使用动态客户端注册，因此客户端会自行注册。
工作原理
 |  |  |
| 1. 连接。 在 Claude、Cursor 或 VS Code 中点击一次，或从 ChatGPT 的 Plugins 页面添加。编码 Agent 会根据设置提示自行添加。 | 2. 登录一次。 使用你的 WhiteboardAnimation.ai 账号通过 OAuth 登录。无需复制任何内容，随时都可以断开连接。 | 3. 给它一张图片。 助手会逐笔绘制，在聊天中展示画作，并提供一个可保存视频的链接。 |
 |  |
| 课程讲解 “把我的示意图制作成课程用的白板动画：先画主体，并使用右手。” | 产品展示 “把我的产品图片制作成白板动画，先画产品，再画背景，然后给我一个可以保存 MP4 的链接。” |
 |  |
| 绘本页面 “把我的绘本逐页制作成白板动画，每页画一幅图，并在全部完成时告诉我。” | 场景文件夹 “把 ./scenes 中的每张图片都制作成白板动画，然后打开一个链接，将它们全部渲染为 MP4，并把保存的文件移到 ./clips。” |
工具
| 工具 | 功能 |
|---|---|
status | 已登录账户的情况：套餐、剩余点数、排队中和正在运行的绘图。 |
quote | 绘制一张图所需的点数，以及创建时要传入的报价。 |
create_upload | 预留一个上传位置，并返回用于 PUT 图片的 URL。 |
create_drawing | 将图片绘制成白板动画（会消耗点数）。立即返回绘图 ID。 |
get_drawing | 查看绘图的状态和进度、预览页面，以及完成后的导出选项。 |
wait_drawing | 等待绘图状态更新，让聊天中的卡片能实时跟进。 |
list_drawings | 查看图库中的最新绘图。 |
render_link | 提供一个链接，可将最多 20 个绘图渲染为 MP4、透明 WebM 或 PNG，并为每个绘图单独设置选项。 |
wait_render | 跟进渲染链接，直到每个文件都保存完毕。 |
只有 create_upload 和 create_drawing 会写入内容；没有任何工具会删除内容。在 Claude 和 ChatGPT 中，绘图会在聊天内的交互式卡片中播放。
常见问题
可以制作 AI 速绘视频吗？ 可以。速绘视频（speed paint）就是手绘揭示效果：把完成的图片交给助手，并让它绘制出来。它会先勾勒线条，再为线条上色，并使用你选择的手。
我需要 API 密钥吗？ 不需要。使用 WhiteboardAnimation.ai 账户登录一次（OAuth 2.1），客户端就会保持登录状态。断开连接器即可停止使用。
可以根据文本提示词生成图片吗？ 不可以。请提供一张完成的图片：先用图片工具制作图片；如果愿意，也可以在同一聊天中制作，然后再请求生成白板动画。
它会提供视频文件吗？ 它会提供一个链接：在任意浏览器中打开后，页面会渲染 MP4 或 WebM，并将其保存到下载文件夹。编码 Agent 可以为你打开链接，并将文件移到指定位置。
费用是多少？ 新账户可获得免费点数。之后请查看价格。
服务端是开源的吗？ 不是。服务端是托管服务；此代码库包含公开列表、客户端配置和 Agent 技能。欢迎在此提交问题和提问。
链接
- WhiteboardAnimation.ai/mcp：MCP 页面，提供每种客户端的设置说明
- 官方 MCP Registry 条目：
ai.whiteboardanimation/whiteboard-animation - 隐私政策 · 条款 · [email protected]
许可证
此仓库中的配置、技能和文档采用 MIT 许可证。托管服务受 WhiteboardAnimation.ai 条款约束。
评论
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。