PluginBench
MCP Server
Active
Apache-2.0

BeatDesign MCP Server

io.github.erickkkyt/beatdesign

Local-first open-source AI media workbench with infinite Canvas, video editor, and MCP agent integration.

What is the BeatDesign MCP server?

BeatDesign is a local-first, open-source workspace for AI image and video creation featuring an infinite Canvas for workflow design, a browser-native video editor for timeline-based finishing, and MCP integration for agent collaboration. It keeps projects, media, and generation history on your machine while allowing any MCP-capable agent to work in the same project.

BeatDesign combines an infinite Canvas for connecting prompts, images, video, and audio nodes with a local timeline video editor for trimming, arranging, and exporting MP4s. Projects and assets stay local by default, and MCP-capable agents like Claude Code, Cursor, and Codex can inspect and modify the same project you see in the browser, enabling collaborative AI-assisted creative workflows.

How to install BeatDesign

Copy-paste configuration for popular MCP clients.

transport: stdio
Config generated by PluginBench — verify against the source before use.
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "beatdesign": {
      "command": "https://github.com/BeatAPI/BeatDesign/releases/download/v0.2.1/beatdesign-0.2.1.mcpb",
      "args": []
    }
  }
}

Tools & capabilities

Tools this server exposes to the agent.

  • Project management tools — Open, create, and manage BeatDesign projects via MCP
  • Assets tools — Access and manage imported and generated images, video, audio, and clips across Canvas, Editor, and MCP
  • Canvas tools — Create and manipulate nodes for prompts, images, video, audio, and generation on the infinite Canvas
  • Generation tools — Trigger image and video generation, and Standard and Deep video analysis
  • Editor tools — Manage timeline editing including trim, split, move, audio mixing, image overlays, and SRT caption styling
  • Skill discovery — Built-in MCP tool for discovering available skills and capabilities
  • MP4 rendering — Authoritative browser-side H.264/AAC MP4 export via WebCodecs and Mediabunny

Use cases

  • Design multi-step image and video workflows on an infinite Canvas, then finish them in a local timeline editor without leaving the project
  • Generate images and videos using BeatAPI, then reuse outputs as project Assets across Canvas, Editor, and MCP workflows
  • Have an AI agent like Claude Code or Cursor inspect your BeatDesign project, add clips to a timeline, adjust overlays and captions, and preview changes in the browser
  • Import local media files and arrange them on a non-destructive timeline with audio mixing, image overlays, and styled captions, then export MP4
  • Extend BeatDesign by bringing your own generation provider or building custom provider adapters for different AI services

BeatDesign MCP server FAQ

What is BeatDesign?

BeatDesign is a local-first, open-source AI media workbench with an infinite Canvas for designing workflows, a video editor for timeline-based finishing, and MCP integration so agents like Claude and Cursor can work in the same project.

Is BeatDesign free?

Yes, BeatDesign is open-source under Apache License 2.0. Local importing, arranging, editing, previewing, and exporting do not require an API key. You only need a BeatAPI key if you want to generate or analyze media.

How do I install BeatDesign in Cursor or Claude?

BeatDesign provides MCP configuration examples for Cursor, Claude Code, Codex, VS Code + GitHub Copilot, Cline, and many other agents in the integrations/ directory. Copy the relevant mcp.json or config file to your agent's MCP settings.

Does BeatDesign require authentication?

No authentication is required for local Canvas, Editor, and project operations. You only need a BeatAPI API key if you want to use AI generation or video analysis features.

What are the system requirements?

BeatDesign requires Node.js 22+, pnpm 10+, and a current Chrome browser on macOS or Windows.

Can I use my own AI provider instead of BeatAPI?

Yes, BeatDesign is designed for extension. Provider adapters are explicit extension points, so you can integrate your own generation access or bring alternative providers.

README (reference)

Source of truth, from the repository.

<p align="center"> <img src="./docs/assets/beatdesign-readme-cover-v3.jpg" alt="BeatDesign infinite Canvas and local video Editor" width="100%" /> </p> <p align="center"> <a href="https://linux.do" alt="LINUX DO"> <img src="https://img.shields.io/badge/LINUX-DO-FFB003.svg?logo=data:image/svg%2bxml;base64,DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPjxwYXRoIGQ9Ik00Ni44Mi0uMDU1aDYuMjVxMjMuOTY5IDIuMDYyIDM4IDIxLjQyNmM1LjI1OCA3LjY3NiA4LjIxNSAxNi4xNTYgOC44NzUgMjUuNDV2Ni4yNXEtMi4wNjQgMjMuOTY4LTIxLjQzIDM4LTExLjUxMiA3Ljg4NS0yNS40NDUgOC44NzRoLTYuMjVxLTIzLjk3LTIuMDY0LTM4LjAwNC0yMS40M1EuOTcxIDY3LjA1Ni0uMDU0IDUzLjE4di02LjQ3M0MxLjM2MiAzMC43ODEgOC41MDMgMTguMTQ4IDIxLjM3IDguODE3IDI5LjA0NyAzLjU2MiAzNy41MjcuNjA0IDQ2LjgyMS0uMDU2IiBzdHlsZT0ic3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZWNlY2VjO2ZpbGwtb3BhY2l0eToxIi8+PHBhdGggZD0iTTQ3LjI2NiAyLjk1N3EyMi41My0uNjUgMzcuNzc3IDE1LjczOGE0OS43IDQ5LjcgMCAwIDEgNi44NjcgMTAuMTU3cS00MS45NjQuMjIyLTgzLjkzIDAgOS43NS0xOC42MTYgMzAuMDI0LTI0LjM4N2E2MSA2MSAwIDAgMSA5LjI2Mi0xLjUwOCIgc3R5bGU9InN0cm9rZTpub25lO2ZpbGwtcnVsZTpldmVub2RkO2ZpbGw6IzE5MTkxOTtmaWxsLW9wYWNpdHk6MSIvPjxwYXRoIGQ9Ik03Ljk4IDcwLjkyNmMyNy45NzctLjAzNSA1NS45NTQgMCA4My45My4xMTNRODMuNDI2IDg3LjQ3MyA2Ni4xMyA5NC4wODZxLTE4LjgxIDYuNTQ0LTM2LjgzMi0xLjg5OC0xNC4yMDMtNy4wOS0yMS4zMTctMjEuMjYyIiBzdHlsZT0ic3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZjlhZjAwO2ZpbGwtb3BhY2l0eToxIi8+PC9zdmc+" /></a> </p> <h1 align="center">BeatDesign</h1> <p align="center"> <strong>Your local Higgsfield alternative.</strong><br /> Build image and video workflows on an infinite Canvas, finish them in a browser-native Editor, and let any MCP-capable Agent work in the same Project. </p> <p align="center"> <a href="https://design.beatapi.io">Website</a> · <a href="#quick-start">Quick start</a> · <a href="#use-beatdesign-with-an-agent">MCP</a> · <a href="./docs/PRODUCT_PLAN_AND_STATUS.md">Product status</a> </p> <p align="center"> <strong>English</strong> · <a href="./README.zh-CN.md">简体中文</a> · <a href="./README.ja.md">日本語</a> </p>

BeatDesign is an independent, open-source, local-first workspace for AI image and video creation. It is built for people who want the connected creative flow of tools such as Higgsfield, with a workspace they can run, inspect, and extend on their own machine.

Two creative modes, one Project

Infinite Canvas

Drop in prompts, images, video, and audio. Connect nodes, branch ideas, compare generations, reuse outputs, and keep the full visual workflow inside one project.

Video Editor

Turn Canvas results into a local timeline. Trim, split, move, mix audio, place and transform image overlays, style SRT captions, create alternate AI Takes, preview, and export MP4 in the browser.

Studio provides a focused generation surface. Assets keeps every imported and generated file available across Canvas, Editor, and MCP.

Why BeatDesign

  • Local by default. Projects, media, Canvas state, timelines, and generation history stay in your local workspace.
  • Canvas and Editor stay connected. A generated result becomes a reusable project Asset instead of disappearing inside one tool.
  • Bring your own Agent. Codex, Claude Code, Cursor, and other MCP hosts can inspect and update the same Project you see in the browser.
  • Bring your own generation access. BeatAPI is the built-in provider. Local importing, arranging, editing, previewing, and exporting do not require an API key.
  • Fork-friendly foundations. Provider adapters, project storage, and the command layer are explicit extension points.

From idea to finished video

Prompt or local media
        ↓
Infinite Canvas ─── connect, generate, branch, compare
        ↓
Shared Assets ───── images, video, audio, extracted clips
        ↓
Video Editor ────── trim, arrange, preview, export MP4
        ↑
Any MCP Agent ───── works in the same local Project

Quick start

Requirements include Node.js 22+, pnpm 10+, and a current Chrome browser on macOS or Windows.

pnpm install
pnpm db:push
pnpm dev

Open http://127.0.0.1:3020.

Add your own BeatAPI API key only when you want to generate or analyze media, or use AI redo. Selecting a local file does not upload it to a provider.

Choose how to run BeatDesign

CommandStarts
pnpm devThe visual workspace
pnpm dev:agentThe visual workspace and local HTTP MCP endpoint
pnpm mcpThe stdio MCP server for coding Agents

Use BeatDesign with an Agent

BeatDesign exposes 29 local MCP tools for Skills, Projects, Assets, Canvas, generation, and Editor operations, including built-in Skill discovery and authoritative MP4 timeline rendering. Agent changes use the same project services and become visible in the browser workspace.

After connecting your MCP host, you can ask:

Open my latest BeatDesign project, add these clips to a timeline, place the logo overlay, adjust the subtitles, and leave the Editor open for review.

Platform compatibility

Coding Agent / platformStatusQuick setup
Claude Code✅ SupportedPlugin or MCP config
Codex✅ SupportedPlugin setup
ZCode✅ SupportedMCP config
OpenCode✅ SupportedMCP config
Cursor✅ SupportedMCP config
Windsurf✅ SupportedMCP config
VS Code + GitHub Copilot✅ SupportedMCP config
Cline / Roo Code✅ SupportedMCP config
Qwen Code✅ SupportedMCP config
Gemini CLI✅ SupportedMCP config
Hermes Agent✅ SupportedMCP config
Kiro✅ SupportedMCP config
Trae✅ SupportedMCP config
WorkBuddy✅ SupportedConnector setup
QwenWork✅ SupportedHTTP connector
Doubao Work✅ SupportedHTTP connector

Open the full Agent integration guide →

What works today

  • Image and video generation plus Standard and Deep video analysis.
  • Image, video, audio, generation, timeline, and text nodes on the Canvas.
  • Project Assets shared across Studio, Canvas, Editor, and MCP.
  • Non-destructive timeline editing with image, video, audio, movable image overlays, and styled SRT caption tracks.
  • Local preview and browser-side H.264/AAC MP4 export with WebCodecs and Mediabunny.
  • English, Chinese, and Japanese interfaces.
  • Local stdio and Streamable HTTP MCP transports.

BeatDesign currently focuses on local, short-form creative workflows. Hosted collaboration, multiple named timelines, advanced transitions, speed controls, waveforms, and desktop packaging remain outside the current release.

See the complete shipped and planned scope →

Project guides

License

BeatDesign is licensed under Apache License 2.0. BeatAPI and BeatDesign trademarks, third-party model access, and bundled third-party components remain subject to their respective terms. See third-party notices and trademark policy.

Related MCP servers

Machine-paid revenue intelligence and recovery for AI agents via x402 USDC on Base.

View repository →
SASanction logo

Sanction

Active

The wallet an AI agent carries — mandate, budget, vault, and audit. Counterparties verify first.

2
TypeScript
View repository →
SKSkillFM Beacon logo

SkillFM Beacon

Maintained

AI health, token usage, LLM cost optimization, BYOK vault, and cleanup audits for MCP agents.

0
JavaScript
MIT
View repository →
SKSkillFM Beacon logo

SkillFM Beacon

Maintained

AI health, token usage, LLM cost optimization, BYOK vault, and cleanup audits for MCP agents.

0
JavaScript
MIT
View repository →
SKSkillFM BYOK Vault logo

BYOK vault, provider API key guidance, usage visibility, and SkillFM Beacon checks for MCP agents.

0
JavaScript
MIT
View repository →

Claude Code token usage, cost visibility, and SkillFM Beacon AI health checks for MCP agents.

0
JavaScript
MIT
View repository →