Animation Machine

Animation Machine MCP 服务

为 Claude、ChatGPT、Cursor 和其他 AI 应用添加一个渲染按钮。
你的 AI 会编写 HTML 动画；Animation Machine 会将其渲染为 MP4 或 GIF，并添加音乐、配音和字幕，支持各种宽高比。

网站 · 完整文档 · 设置 · 工具 · 示例提示词 · 指南：使用 Claude 制作视频

---

服务 URL： https://animation-machine.com/mcp 传输方式： Streamable HTTP（远程托管，无需安装） 身份验证： OAuth 2.1（动态客户端注册或客户端 ID 元数据文档，PKCE），或个人 API 密钥 价格： 已包含在 Animation Machine 每月 5 美元的套餐中

此代码库包含文档、示例和 MCP Registry 清单。服务本身由 Animation Machine 托管。

完整参考（所有工具和参数、OAuth 端点、限制、错误）：animation-machine.com/docs/mcp · 提供供 Agent 使用的 Markdown 版本：docs/mcp.md · 服务卡片：/.well-known/mcp/server-card.json

功能

AI 助手擅长编写动画代码（GSAP、CSS 关键帧、Web Animations、Lottie、Three.js、canvas），但无法播放和录制动画。此服务让它们能够：

• 渲染 HTML 动画（内嵌 HTML、多文件项目或上传的 zip），一次请求即可输出 MP4 或 GIF，支持 16:9、9:16 和 1:1
• 完善你上传的视频：添加免版税音乐、AI 配音、烧录式字幕（16 种语言）、片头和片尾卡、角落标识、你的徽标
• 先预览单帧，让 AI 检查自己的作品
• 使用动态图形模板（标题卡、下三分之一字幕、引言、统计计数器），无需编写代码
• 为成片撰写社交媒体发布套件（说明文字、吸睛开场、主题标签）

它会在真实浏览器中逐帧渲染代码，因此文字、数字、颜色和时序都会与编写内容完全一致。它不是文生视频模型。

设置

claude.ai、Claude Desktop、Claude 移动版

1. Settings → Connectors → Add custom connector
2. 名称：Animation Machine，URL：https://animation-machine.com/mcp
3. 点击 Connect，登录 Animation Machine，然后点击 Allow

Claude Code

claude mcp add --transport http animation-machine https://animation-machine.com/mcp

然后运行 /mcp → Authenticate。

ChatGPT

进入 Settings → Apps & Connectors → Advanced → 启用 Developer mode → Create → URL https://animation-machine.com/mcp，身份验证选择 OAuth → 登录并点击 Allow。

Cursor（~/.cursor/mcp.json）

{
  "mcpServers": {
    "animation-machine": {
      "url": "https://animation-machine.com/mcp",
      "headers": { "Authorization": "Bearer am_live_…" }
    }
  }
}

VS Code（.vscode/mcp.json）

{
  "servers": {
    "animation-machine": {
      "type": "http",
      "url": "https://animation-machine.com/mcp",
      "headers": { "Authorization": "Bearer am_live_…" }
    }
  }
}

其他客户端

任何支持通过 Streamable HTTP 连接远程 MCP 的客户端都可以使用。仅支持 stdio 的客户端可以通过以下方式桥接：

npx mcp-remote https://animation-machine.com/mcp --header "Authorization: Bearer am_live_…"

API 密钥： 登录 animation-machine.com → 账户菜单 → AI agents (MCP) → Create API key。你可以随时在此撤销密钥，也可以断开已连接的 OAuth 应用。

工具

工具	功能	提示
render	渲染 HTML / 文件映射 / 上传的 zip，或完成上传的视频。选项：aspects、resolution、format、fps、duration_seconds、loop_count、crop_to_fill、music_url、music_volume、voiceover_text、voiceover_voice、captions、caption_style、caption_language、text_overlay、intro_title、outro_title、logo_upload_id。返回 job_ids。	写入
render_template	根据少量字段生成 title_card、lower_third、quote 或 stat，并提供相同的输出选项。	写入
preview_frame	在 at_seconds 指定的时间截取一帧静态图像，并返回检测到的动画时长。	只读
get_job	返回状态、进度以及 download_url（24 小时有效）、watch_url（分享页面）、studio_url（在编辑器中打开）。	只读
cancel_job	取消排队中或正在进行的渲染任务。	破坏性
create_upload	为本地 zip / 视频 / logo 创建一次性 PUT URL。	写入
search_music	搜索 500,000 首免版税 CC0 音轨。	只读
list_voices	列出适用于 voiceover_text 的音色。	只读
post_kit	为完成的渲染生成说明文字、吸引语、主题标签和描述。	只读
list_renders	列出最近的 10 个渲染任务。	只读
get_account	查看套餐、用量、进行中的任务和限制。	只读

典型流程：编写动画 → preview_frame → render → 轮询 get_job（返回 retry_after_sec）→ 分享 download_url。

示例提示词

• "为我的 YouTube 频道“Build Notes”制作一个 5 秒的动画片头：深海军蓝背景，标题逐字滑入。渲染为 MP4。"
• "把这则发布公告制作成 10 秒的动画视频，并以 16:9、9:16 和 1:1 渲染，配上欢快的免版税音乐。"
• "这是我们的 Q3 数据。制作一个 15 秒的动画柱状图，并为 LinkedIn（1:1）渲染。"
• "我会上传 demo.mp4。添加舒缓的音乐、西班牙语字幕、显示在角落的 @handle，以及写着“免费试用”的片尾卡。"
• "使用统计模板，将数字递增至 10,000，标签为“满意客户”，然后为 Instagram 编写 Post Kit。"

更多示例见 examples/。

限制

为让所有人都能在共享渲染服务上快速使用而设：

• 每个账户一次只能运行一个任务（渲染或预览）；Agent 会排在网站用户之后等待
• HTML 动画 ≤ 60 秒，GIF ≤ 15 秒，上传的视频 ≤ 3 分钟（包括循环）
• 最高 1080p，24 或 30 fps，每次请求最多 3 种宽高比
• 内嵌 HTML ≤ 2 MB，多文件项目 ≤ 5 MB，上传文件 ≤ 95 MB
• 每月 200 次渲染（与 Web 应用共用），Agent 每天可使用 5 次 AI 配音和 20 个 Post Kit

需要 4K 或更长的视频？每次渲染都会提供 studio_url，可在浏览器中继续编辑。

安全与隐私

• 使用 OAuth 2.1 和 PKCE（S256）；令牌以哈希形式存储，可在账户菜单中撤销
• 已连接的应用只能渲染、读取自己的渲染结果和搜索音乐，无法执行其他操作：不能访问账单、修改账户或查看其他用户的数据
• 动画在受出口过滤器保护的沙盒无头浏览器中渲染：无法访问私有网络或云元数据
• 下载链接使用 HMAC 签名，24 小时后过期；渲染结果会在 32 天后删除
• 上传的文件和生成的媒体仅用于制作视频。音乐来自 Freesound（CC0）；AI 配音和 Post Kit 使用 Google Gemini；字幕使用可自托管的 Whisper 模型。
• 完整政策：animation-machine.com/privacy · 条款：animation-machine.com/terms

支持

[email protected] · animation-machine.com

© Cash Flow Crescendo Inc. 本仓库中的文档采用 MIT 许可证。托管服务受 Animation Machine 条款约束。