BeatDesign
Local-first open-source AI media workbench with Canvas, video editor, Assets, and MCP tools.
Open source Open in the app JSON README (API)
About
Local-first open-source AI media workbench with Canvas, video editor, Assets, and MCP tools.
Details
- Kind
- MCP servers
- Topic
- No topic detected
- Publisher
- erickkkyt
- Origin
- official
- Category
- ferramentas
- Transport
- local
- Version
- 0.2.1
- Stars
- 15
- Forks
- 3
- Last push
- 2026-09-07T19:08:16Z
- Repository state
- ativo
- Language
- TypeScript
- License
- Apache-2.0
- Added
- 2026-09-02 12:01:07
- Updated
- 2026-09-02 12:01:07
- Origin id
io.github.erickkkyt/beatdesign
README
<p align="center">
<img src="./docs/assets/beatdesign-readme-cover-v3.jpg" alt="BeatDesign infinite Canvas and local video Editor" width="100%" />
</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
```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](http://127.0.0.1:3020).
Add your own [BeatAPI API key](https://beatapi.io/dashboard/apikeys) 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
| Command | Starts |
| --- | --- |
| `pnpm dev` | The visual workspace |
| `pnpm dev:agent` | The visual workspace and local HTTP MCP endpoint |
| `pnpm mcp` | The 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 / platform | Status | Quick setup |
| --- | --- | --- |
| [Claude Code](./integrations/claude-code/beatdesign/README.md) | ✅ Supported | [Plugin or MCP config](./integrations/claude-code/) |
| [Codex](./integrations/codex/beatdesign/README.md) | ✅ Supported | [Plugin setup](./integrations/codex/beatdesign/README.md) |
| [ZCode](./integrations/zcode/config.example.json) | ✅ Supported | [MCP config](./integrations/zcode/config.example.json) |
| [OpenCode](./integrations/opencode/) | ✅ Supported | [MCP config](./integrations/opencode/) |
| [Cursor](./integrations/cursor/mcp.json.example) | ✅ Supported | [MCP config](./integrations/cursor/mcp.json.example) |
| [Windsurf](./integrations/windsurf/mcp_config.json.example) | ✅ Supported | [MCP config](./integrations/windsurf/mcp_config.json.example) |
| [VS Code + GitHub Copilot](./integrations/vscode/mcp.json.example) | ✅ Supported | [MCP config](./integrations/vscode/mcp.json.example) |
| [Cline / Roo Code](./integrations/cline/mcp_settings.json.example) | ✅ Supported | [MCP config](./integrations/cline/mcp_settings.json.example) |
| [Qwen Code](./integrations/qwen/settings.example.json) | ✅ Supported | [MCP config](./integrations/qwen/settings.example.json) |
| [Gemini CLI](./integrations/gemini/settings.example.json) | ✅ Supported | [MCP config](./integrations/gemini/settings.example.json) |
| [Hermes Agent](./integrations/hermes/config.yaml.snippet) | ✅ Supported | [MCP config](./integrations/hermes/config.yaml.snippet) |
| [Kiro](./integrations/kiro/mcp.json.example) | ✅ Supported | [MCP config](./integrations/kiro/mcp.json.example) |
| [Trae](./integrations/trae/mcp.json.example) | ✅ Supported | [MCP config](./integrations/trae/mcp.json.example) |
| [WorkBuddy](./integrations/workbuddy/beatdesign/README.md) | ✅ Supported | [Connector setup](./integrations/workbuddy/beatdesign/README.md) |
| [QwenWork](./integrations/qwenwork/mcp.json.example) | ✅ Supported | [HTTP connector](./integrations/qwenwork/mcp.json.example) |
| [Doubao Work](./integrations/doubao-work/mcp.json.example) | ✅ Supported | [HTTP connector](./integrations/doubao-work/mcp.json.example) |
[Open the full Agent integration guide →](./integrations/README.md)
## 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 →](./docs/PRODUCT_PLAN_AND_STATUS.md)
## Project guides
- [Product status](./docs/PRODUCT_PLAN_AND_STATUS.md)
- [MCP setup](./docs/MCP.md)
- [Architecture](./docs/ARCHITECTURE.md)
- [Provider integration](./docs/PROVIDERS.md)
- [Contributing](./.github/CONTRIBUTING.md)
- [Security](./.github/SECURITY.md)
## License
BeatDesign is licensed under [Apache License 2.0](./LICENSE). BeatAPI and BeatDesign trademarks, third-party model access, and bundled third-party components remain subject to their respective terms. See [third-party notices](./third_party/) and [trademark policy](./docs/TRADEMARKS.md).