ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที รีวิวและบัญชีผู้ใช้จะมาในขั้นถัดไป
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · อธิบายเป็นภาษาคน
โหมดมือใหม่ ปิด
สีหน้าจอตามเครื่องสว่างมืด
ภาษาไทยEnglish中文日本語한국어EspañolDeutsch
☰ เมนูตั้งค่า
โหมดมือใหม่ ปิด
สีหน้าจอตามเครื่องสว่างมืด
ภาษาไทยEnglish中文日本語한국어EspañolDeutsch

Whiteboard Animation

โดย celadosรุ่น 1.0.1i★ –iรันบนคลาวด์
ชื่อใน registryai.whiteboardanimation/whiteboard-animation

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

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

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

  • การเชื่อมต่อ: รันบนคลาวด์
  • ช่องทาง (transport): Streamable HTTP
  • หมวด: ออกแบบ ภาพ และเสียง

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ต้องเตรียมก่อน

  • รันบนคลาวด์ไม่ต้องลงโปรแกรมเพิ่ม ต่อผ่านอินเทอร์เน็ตได้เลย

คุณใช้แอปไหน

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:

  1. เปิด Settings → Connectors
  2. กด Add custom connector
  3. วางที่อยู่ด้านล่างแล้วกด Add
  4. ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ
SettingsConnectors1+ Add2https://…3
https://mcp.whiteboardanimation.ai/mcp

พิมพ์คำสั่งนี้ใน Terminal

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

เปิดใน Cursor

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json

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

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

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

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:

  1. เปิด ChatGPT บนเว็บ → Settings → Connectors (Apps)
  2. กด Create หรือ Add (บางแพ็กเกจต้องเปิด Developer mode ใน Advanced ก่อน)
  3. วางที่อยู่ด้านล่าง ตั้งชื่อ แล้วบันทึก
  4. ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ
SettingsConnectors1+ Create2https://…3
https://mcp.whiteboardanimation.ai/mcp

ชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 7 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน

  • quote

    What drawing one picture costs, in credits, and the quote_version to pass when creating it.

  • status

    Call first. The signed-in workspace: its plan, credits left, drawings queued and running, and how many may queue.

  • create_upload

    Start uploading a picture: answers an upload_url to PUT the bytes to, with the given headers. Then call create_drawing with the upload_id. Not needed when the host attaches the picture to create_drawing itself.

  • create_drawing

    Draw a picture as a whiteboard animation. Spends credits (see quote). Answers at once with the drawing_id; the drawing takes a few minutes, follow it with get_drawing.

  • get_drawing

    A drawing by id: its status and progress, its preview page, and once done the export options render_link accepts for it.

  • list_drawings

    The latest drawings in the library, newest first.

  • render_link

    One link that renders up to 20 of your drawings as files, each with its own choices (format, resolution, aspect, background, hand…; see get_drawing export_options). Opening it in a browser renders them one after another and saves each file to that browser’s downloads; drawings st

  • wait_render

    A render link’s files: each drawing’s state (pending, rendering, saved, failed) and, once saved, its file name and size in the browser’s downloads. Pass back the states of the last answer: it answers as soon as any of them moves on, or after about 50 seconds.

  • wait_drawing

    For the drawing card: answers get_drawing as soon as the drawing moves on from the status and progress the card last showed, or after about 50 seconds.

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันโดเมน whiteboardanimation.ai แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)

  • … ยังไม่ตรวจ

    ยังมีคนดูแล

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • … ยังไม่ตรวจ

    มีสัญญาอนุญาต (license)

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • ✓ ผ่าน

    endpoint ตอบ

    ตอบกลับใน 973 ms (HTTP 200)

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ไม่ต้องล็อกอิน

  • ✓ ผ่าน

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    อ่านคำอธิบายเครื่องมือ 9 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI

เทียบกับตัวอื่นในหมวด ออกแบบ ภาพ และเสียงi

  • ดาวมากกว่า 0% ของอีก 2752 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 80% ของอีก 2752 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 2752 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

Whiteboard Animation ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.1) เข้า registry 8 วันที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Figma Context MCP

โดย GLips

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

รันบนเครื่อง★ 16,165MITอัปเดต 5 เดือนที่ผ่านมา
ติดตั้ง

Claude Real Video

โดย HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

รันบนเครื่อง★ 2,284MITอัปเดต 2 เดือนที่ผ่านมา
ติดตั้ง

Figma MCP Server

โดย figma

server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma

รันบนคลาวด์★ 2,152อัปเดต 13 เดือนที่ผ่านมา
ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ

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.

Website · Setup · Examples · Tools · FAQ

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

Web and desktop

Plugins → + → custom MCP server

Sign in from Settings → MCP

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:

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:

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:

/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:

{

"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:

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:

codex plugin marketplace add celados/whiteboard-animation-mcp

codex plugin add whiteboard-animation@whiteboard-animation

Or as an MCP server only:

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

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

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

ถาม PopNx