Whiteboard Animation

ai.whiteboardanimation由 whiteboardanimation.ai 發布官方發布者v1.0.1更新於 Oct 30, 2026

Turn any picture into a hand-drawn whiteboard animation video, from your AI assistant.

已驗證Streamable HTTP可網頁執行媒體與設計AI 與機器學習

概覽

AI 產生的概覽

託管型 MCP 伺服器，把一張完成圖片變成手繪白板動畫影片，並回傳算圖連結。

可以做什麼
  • 上傳圖片並發起白板動畫繪製
  • 查看帳戶方案、剩餘額度以及排隊與進行中的繪製工作
  • 在建立前查詢一次繪製所需的額度與報價
  • 追蹤繪製進度、預覽頁面與匯出選項，或等待狀態推進
  • 列出素材庫中最近的繪製作品
  • 透過一個連結把最多 20 個繪製作品算圖為 MP4、透明 WebM 或 PNG，並持續追蹤直到檔案儲存完成
適用情境
適合已有完成圖片、想把它做成白板或速寫風格揭曉影片的情況，例如課程講解、產品發表、繪本頁面或一整批場景圖，且不必離開對話。
執行需求
遠端 streamable HTTP 端點，無需安裝，也不需要 API 金鑰。需要 WhiteboardAnimation.ai 帳戶並以 OAuth 2.1 登入，支援動態用戶端註冊的用戶端可自行註冊。新帳戶附有免費額度。
安裝前請注意
繪製會消耗帳戶額度，建議先查看報價與餘額。上傳的圖片會傳送到第三方託管服務。只有上傳與建立繪製會寫入資料，沒有刪除操作，但繪製作品與算圖結果會留在帳戶素材庫中。此伺服器為閉源服務。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Whiteboard Animation，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/ai.whiteboardanimation%2Fwhiteboard-animation/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "whiteboard-animation": {
      "type": "http",
      "url": "https://mcp.whiteboardanimation.ai/mcp"
    }
  }
}

README

[Whiteboard Animation]

Whiteboard Animation MCP Server

Hand your AI assistant a picture. Get it back as a hand-drawn whiteboard animation.
The official remote MCP server for WhiteboardAnimation.ai: works in Claude, ChatGPT, Cursor, VS Code, Codex and any MCP client.

[MCP Registry] [Streamable HTTP] [OAuth 2.1] [No API key] [MIT]

Website · Setup · Examples · Tools · FAQ

[A fox at a pond, drawn stroke by stroke by a hand, sketched first and then coloured in]

The server is hosted at https://mcp.whiteboardanimation.ai/mcp. There is nothing to install and no key to paste: connect it once, sign in with your WhiteboardAnimation.ai account, and ask your assistant to draw any finished picture. It sketches the picture stroke by stroke, colours it in, shows the drawing right in the chat, and hands you a link that saves the MP4. New accounts start with free credits.

One-click setup

[Add to Claude]
Web and desktop 		[Add to ChatGPT]
Plugins → + → custom MCP server 		[Add to Cursor]
Sign in from Settings → MCP 		[Add to VS Code]
Or VS Code Insiders

Or let your agent do it

Paste this into Claude Code, Codex, Cursor or any agent that can edit its own MCP settings:

text
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.

By hand

ChatGPT
  1. Open Plugins in ChatGPT on the web.
  2. Choose + → Add custom MCP server, name it Whiteboard Animation, paste https://mcp.whiteboardanimation.ai/mcp and choose OAuth.
  3. Tick the risk notice, choose Create as a plugin and sign in with your WhiteboardAnimation.ai account.
  4. In a chat, attach a picture and ask for a whiteboard animation.
Claude (web and desktop)
  1. Open Customize → Connectors and add a custom connector named Whiteboard Animation with https://mcp.whiteboardanimation.ai/mcp, or use the Add to Claude button.
  2. Choose Connect and sign in with your WhiteboardAnimation.ai account.
  3. Give Claude a finished picture and ask for a whiteboard animation.
Claude Code

As an MCP server:

sh
claude mcp add --transport http whiteboard-animation https://mcp.whiteboardanimation.ai/mcp

Or as a plugin, which adds the server and a skill that knows the whole flow:

text
/plugin marketplace add celados/whiteboard-animation-mcp/plugin install whiteboard-animation@whiteboard-animation

Then run /mcp, choose whiteboard-animation and sign in.

Cursor

Use the Add to Cursor button, or put this in ~/.cursor/mcp.json:

json
{  "mcpServers": {    "whiteboard-animation": { "url": "https://mcp.whiteboardanimation.ai/mcp" }  }}

Sign in when Cursor asks, from Settings → MCP.

VS Code

Use the Add to VS Code button, or run:

sh
code --add-mcp '{"name":"whiteboard-animation","type":"http","url":"https://mcp.whiteboardanimation.ai/mcp"}'

Start it from the MCP servers list and sign in when asked.

Codex (CLI and the ChatGPT desktop app)

As a plugin, which adds the server and the skill:

sh
codex plugin marketplace add celados/whiteboard-animation-mcpcodex plugin add whiteboard-animation@whiteboard-animation

Or as an MCP server only:

sh
codex mcp add whiteboard-animation --url https://mcp.whiteboardanimation.ai/mcpcodex mcp login whiteboard-animation
Gemini CLI
sh
gemini extensions install https://github.com/celados/whiteboard-animation-mcp
Any other MCP client

Any client that speaks streamable HTTP and OAuth connects with https://mcp.whiteboardanimation.ai/mcp. Sign-in uses dynamic client registration, so the client registers itself.

How it works

[Connect it][Sign in once][Hand it a picture]
1. Connect it. One click in Claude, Cursor or VS Code, or from ChatGPT's Plugins page. Coding agents add it themselves from the setup prompt.2. Sign in once. With your WhiteboardAnimation.ai account, over OAuth. Nothing to copy, and you can disconnect any time.3. Hand it a picture. Your assistant draws it stroke by stroke, shows the drawing in the chat and gives you a link that saves the video.

What to ask for

[A lesson explainer][A product reveal]
A lesson explainer
“Turn my diagram into a whiteboard animation for a lesson: draw the subject first with a right hand.”		A product reveal
“Draw my product picture as a whiteboard animation, the product first and the background after, then give me the link that saves the MP4.”
[A picture-book page][A folder of scenes]
A picture-book page
“Turn each page of my picture book into a whiteboard animation, one drawing per page, and tell me when all of them are done.”		A folder of scenes
“Draw every picture in ./scenes as a whiteboard animation, then open one render link for all of them as MP4 and move the saved files to ./clips.”

Tools

ToolWhat it does
statusThe signed-in account: plan, credits left, drawings queued and running.
quoteWhat one drawing costs in credits, and the quote to pass when creating it.
create_uploadReserves an upload and answers a URL to PUT the picture to.
create_drawingDraws a picture as a whiteboard animation (spends credits). Answers at once with the drawing id.
get_drawingA drawing's status and progress, its preview page, and its export options once done.
wait_drawingWaits until a drawing moves on, so the in-chat card can follow it live.
list_drawingsThe latest drawings in your library.
render_linkOne link that renders up to 20 drawings as MP4, transparent WebM or PNG, each with its own options.
wait_renderFollows a render link until each file is saved.

Only create_upload and create_drawing write anything; nothing deletes. In Claude and ChatGPT the drawing plays in an interactive card inside the chat.

FAQ

Can it make an AI speedpaint video? Yes. A speedpaint (speed paint) video is the same hand-drawn reveal: hand your assistant a finished picture and ask it to draw it. It sketches the lines, then colours them in, with the hand you choose.

Do I need an API key? No. You sign in once with your WhiteboardAnimation.ai account (OAuth 2.1) and the client keeps you signed in. Disconnect the connector to stop it.

Can it make a picture from a text prompt? No. Bring a finished picture: make it first with an image tool, in the same chat if you like, then ask for the whiteboard animation.

Does it give me a video file? It gives you a link: opened in any browser, the page renders the MP4 or WebM and saves it to your downloads. A coding agent can open it for you and move the files where you want them.

What does it cost? New accounts start with free credits. After that, see pricing.

Is the server open source? No. The server is a hosted service; this repository holds its public listing, the client configs and the agent skill. Issues and questions are welcome here.

Links

License

The configs, skill and docs in this repository are MIT. The hosted service is covered by the WhiteboardAnimation.ai terms.

來源：README.md，提交 3fc7f63

工具

0
SourceWeft 尚未讀取此伺服器的工具。

版本歷史

2
  1. v1.0.1最新Oct 30, 2026
  2. v1.0.0Oct 29, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式必需10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分