BeatDesign logo

BeatDesign

Organization
BeatAPI

Local-first AI canvas and timeline. Any MCP agent. Open-source alternative to Higgsfield.

PublisherBeatAPI
RepositoryBeatDesign
LanguageTypeScript
Forks
15
Stars
91
Available tools
0
Transport typestdio
Categories
LicenseApache-2.0
Links
  • Connect tools to AI workflows

    BeatDesign exposes MCP capabilities that can be used by compatible AI clients and agents.

  • 0 available tools

    Browse the callable actions below, including names and descriptions when provided by the server.

  • Ready-to-copy setup

    Use the installation snippets to configure this server in your preferred MCP client.

  • Open source signals

    91 stars and 15 forks from the linked repository.

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

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

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

Use BeatDesign MCP with multiple AI models

TypingMind connects MCP tools at the workspace level, so once BeatDesign is connected, you can use it with different AI models in TypingMind instead of setting it up separately for each model. This MCP runs locally through the TypingMind MCP connector on your device.

Setup guide to use the local connector

Use this when the MCP server needs access to local files, apps, or private resources on your computer.

1

Open the MCP settings

In TypingMind, go to Settings, Advanced Settings, then Model Context Protocol and choose Setup Connector.

  1. Open TypingMind in your browser.
  2. Click the Settings icon.
  3. Go to Advanced Settings.
  4. Open the Model Context Protocol section.
  5. Click Setup Connector and choose This Device.
TypingMind MCP connector setup screen with This Device selected
2

Run the connector command

Choose This Device, copy the command from TypingMind, and run it in Terminal. Keep the process running while you use MCP.

  1. Copy the setup command shown by TypingMind.
  2. Open Terminal on macOS or Windows Terminal on Windows.
  3. Paste and run the command.
  4. Approve the package install if Terminal asks you to proceed.
  5. Keep the Terminal window running while using MCP tools.
3

Add BeatDesign as a server

When the connector status is Ready, click Edit Servers and paste the MCP server configuration.

  1. Wait until the connector status shows Ready.
  2. Click Edit Servers.
  3. Paste the BeatDesign MCP server configuration.
  4. Save the server list.
  5. Refresh if you want to confirm the connector is still ready.
TypingMind MCP settings showing active server and Edit Servers button
{
  "mcpServers": {
    "beatdesign": {
      "command": "npx",
      "args": [
        "-y",
        "<mcp-server-package>"
      ]
    }
  }
}
4

Use it across models

Save the server list, open Plugins, enable the BeatDesign MCP tools, then select any supported AI model in TypingMind and use the tools in chat or assign them to an AI agent.

  1. Open the Plugins page in TypingMind.
  2. Enable the BeatDesign MCP tools.
  3. Start a chat and choose the AI model you want to use.
  4. Use the MCP tools in chat or assign them to an AI agent.
  5. Switch to another AI model whenever needed without reconnecting MCP.
TypingMind chat using enabled MCP tools with a selected AI model
Can you use BeatDesign to help me with this task?
BeatDesign
Sure. I read it.
Here is what I found using BeatDesign.

Frequently asked questions

What is the BeatDesign MCP server used for?

BeatDesign is an MCP server that lets compatible AI clients connect to external tools and context. In TypingMind, you can add this MCP server once and make its tools available in your AI workspace.

Can I use BeatDesign MCP with multiple AI models in TypingMind?

Yes. TypingMind connects MCP tools at the workspace level, so you can use BeatDesign with different AI models such as Claude, ChatGPT, Gemini, or other models you have configured in TypingMind without setting up the MCP server separately for each model.

Why use BeatDesign MCP with TypingMind?

TypingMind is one of the best frontends for LLM chat because it brings multiple AI models, prompts, plugins, AI agents, API keys, and MCP tools into one workspace. With BeatDesign connected, you can use its MCP tools across your preferred models while keeping your chat workflow organized in TypingMind.

How do I connect BeatDesign MCP to TypingMind?

BeatDesign runs through the TypingMind local MCP connector. This is best when the MCP server needs access to local files, desktop apps, command-line tools, or private resources on your computer.

What tools does BeatDesign MCP provide in TypingMind?

BeatDesign exposes MCP capabilities that can be enabled from the TypingMind Plugins page and used in chat or assigned to AI agents.

Do I need to share my API keys with TypingMind to use BeatDesign MCP?

No. TypingMind is local-first and lets you keep your model providers, API keys, prompts, and MCP configuration under your control. If BeatDesign requires authentication, add the required headers, OAuth settings, or local configuration for that MCP server when you create the connection.

Related MCP Servers

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇