Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Agents can now live code music for you, themselves, and each other while they work.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"dj-claude": {
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}Run this in your terminal
claude mcp add dj-claude -- npx -y dj-claudePaste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"dj-claude": {
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"dj-claude": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
This one runs on your computer, and ChatGPT can only connect to servers on the internet. Pick another app.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Runs on your computer; the tool list appears in your AI app after you install it.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 8, 2026
The registry name was verified with the GitHub account p-poss, which owns the repo
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
This one runs on your computer; there is no internet endpoint
Runs on your computer and uses local settings instead
Runs on your computer; we can only read tool lists from internet endpoints
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
The registry does not list a required key, though some servers ask you to sign in on first use.
It runs on your computer. Your AI app starts it when needed, and data does not pass through the maker’s servers (unless it calls an online service itself).
The GitHub repo last changed –, and the latest version (0.1.6) reached the registry 9 months ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. You also need Node.js on your computer.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
Servers in the same category from other makers, sorted by stars.
Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
_ _ _ _
__| |(_) _ | | _ _ _ | | _ / _ || | / __| | | / _ || | | |/ _` | / _ \ | (_| || | _ | (__ | || (_| || |_| | (_| || / \,_|| | (_) \___| |_| \__,_| \__,_|\__,_| \___| _/ | |__/
The live music engine for AI agents.
DJ Claude is the only music MCP server with multi-agent collaboration. Multiple AI agents connect over HTTP and jam together in real-time — one adds drums, another layers bass, a third drops a melody — and everything composes automatically. It works in your terminal, browser, or as a Claude Code plugin with slash commands. No browser tab, no API key, no external services required.
Under the hood, DJ Claude uses Strudel — a live coding environment for music — to generate and play patterns in real time. 20 MCP tools, 3 resources, conductor mode, mix snapshots, 22 presets, and 8 vibes. Agents can make music for you, themselves, and each other while they work.
| Mode | Command | Description |
|---|---|---|
| Claude Code plugin | /plugin install dj-claude | Slash commands + MCP server, one-step install |
| Web app | claude.dj | Single-agent browser experience, no API key needed |
| Terminal TUI | npx dj-claude | Interactive terminal DJ |
| TUI + Web audio | npx dj-claude --browser | TUI with browser audio engine for higher quality sound |
| Headless | npx dj-claude --headless "lofi" | Script and automation friendly, plays and exits (--duration N to set seconds, default 10) |
| MCP server | npx dj-claude-mcp | For AI agent integration (Cursor, Windsurf, Zed, etc.) |
| MCP HTTP server | npx dj-claude-mcp-http | Multi-agent jam sessions over HTTP |
Terminal audio vs. browser audio: By default, the CLI and MCP server render audio through
node-web-audio-api— a Node.js reimplementation of the Web Audio API. It works everywhere with zero setup, but sample playback and effects can sound rougher than a real browser engine. Add--browser(CLI) or setDJ_CLAUDE_BROWSER=1(MCP) to route audio through your system browser's native Web Audio instead. This opens a background tab and produces noticeably higher quality sound — especially for pads, reverb, and layered patterns.
code/layers parameters# Set your API key (or add to a .env file)
export ANTHROPIC_API_KEY=sk-ant-...
npx dj-claude
Or install globally:
npm i -g dj-claude
dj-claude
Or go headless for scripting:
npx dj-claude --headless "jazzy lo-fi beats" --duration 30
The easiest way to use DJ Claude with Claude Code. Installs the MCP server and gives you slash commands.
/plugin marketplace add p-poss/dj-claude
/plugin install dj-claude@dj-claude-marketplace
| Command | Description |
|---|---|
/dj-claude:play [prompt] | Play music from a description |
/dj-claude:play-preset [name] | Play from 22 curated patterns |
/dj-claude:vibe [mood] | Set the vibe — chill, dark, hype, focus, funky, dreamy, weird, epic |
/dj-claude:live-mix [prompt] | Autonomous DJ set — 5-6 evolving stages in one turn |
/dj-claude:jam [role] [prompt] | Add a layer to the jam session (drums, bass, melody, etc.) |
/dj-claude:jam-clear [role] | Remove one or all layers from the jam |
/dj-claude:jam-status | Show all active jam layers |
/dj-claude:hush | Stop all music |
/dj-claude:now-playing | Check what's currently playing |
/dj-claude:strudel [code] | Evaluate raw Strudel code directly |
/dj-claude:browser | Switch between Node and browser audio backends mid-session |
/dj-claude:context [activity] | Set coding context so music adapts to your work |
/dj-claude:preview [role] [prompt] | Preview a jam layer without adding it |
/dj-claude:analyze | Analyze the mix for frequency balance and suggestions |
/dj-claude:conduct [directive] | Orchestrate a full band from a single directive |
/dj-claude:save [name] | Save the current mix as a named snapshot |
/dj-claude:load [name] | Restore a saved mix snapshot |
/dj-claude:list-saves | List all saved snapshots |
/dj-claude:export | Export current Strudel code with header comments |
/dj-claude:connect [port] | Start HTTP server and configure project for multi-agent jam sessions |
Or just ask naturally — Claude will call the right tool:
> play some chill lo-fi while I work on this PR
set the vibe to hype
hush
By default, Claude Code prompts for permission on every MCP tool call. To let DJ Claude play without interruptions, add this to .claude/settings.json:
{
"permissions": { "allow": [ "mcpdj-claudeplay_music", "mcpdj-claudeplay_strudel", "mcpdj-claudeset_vibe", "mcpdj-claudelive_mix", "mcpdj-claudehush", "mcpdj-claudenow_playing", "mcpdj-claudejam", "mcpdj-claudejam_clear", "mcpdj-claudejam_status", "mcpdj-claudeset_context", "mcpdj-claudejam_preview", "mcpdj-claudemix_analysis", "mcpdj-claudeconduct", "mcpdj-claudeconduct_evolve", "mcpdj-claudesnapshot_save", "mcpdj-claudesnapshot_load", "mcpdj-claudesnapshot_list", "mcpdj-claudeexport_code", "mcpdj-claudeplay_preset", "mcpdj-claudeswitch_audio" ] } }
For the full MCP tool reference, keyless operation guide, and multi-agent details, see docs/MCP.md.
If you prefer manual configuration, or want to use DJ Claude with other MCP clients (Cursor, Windsurf, Zed, etc.), add this to your .mcp.json:
{
"mcpServers": { "dj-claude": { "command": "npx", "args": ["-y", "dj-claude-mcp"] } } }
For higher quality audio through the browser's Web Audio engine:
{
"mcpServers": { "dj-claude": { "command": "npx", "args": ["-y", "dj-claude-mcp"], "env": { "DJ_CLAUDE_BROWSER": "1" } } } }
Every tool works without an API key — use the code/layers params to pass Strudel directly, or use play_preset/set_vibe for zero-effort music. Add ANTHROPIC_API_KEY to unlock AI generation from text prompts.
| Tool | Description | Keyless? |
|---|---|---|
play_preset | Play from the curated preset library (22 patterns across mood, genre, activity) | Yes |
play_music | Play music — via prompt (AI) or code (direct Strudel) | Yes, via code |
play_strudel | Evaluate raw Strudel/Tidal code directly | Yes |
set_vibe | Set the mood — chill, dark, hype, focus, funky, dreamy, weird, epic | Yes |
live_mix | Autonomous DJ set — via prompt (AI) or stages_code (array of Strudel) | Yes, via stages_code |
jam | Add/update a layer — via prompt (AI) or code (direct Strudel) | Yes, via code |
jam_clear | Remove one or all layers from the jam session | Yes |
jam_status | Show all active layers with their role names and code | Yes |
jam_preview | Preview a jam layer without adding it — via prompt or code | Yes, via code |
conduct | Orchestrate a full band — via directive (AI) or layers map | Yes, via layers |
conduct_evolve | Evolve layers — via directive (AI) or layers map | Yes, via layers |
mix_analysis | Analyze the mix for frequency balance, gains, and suggestions | Yes |
hush | Stop all music playback | Yes |
now_playing | Check what's currently playing | Yes |
switch_audio | Switch between Node and browser audio backends at runtime | Yes |
set_context | Set coding context so music adapts to your activity | Yes |
snapshot_save | Save the current mix as a named snapshot | Yes |
snapshot_load | Restore a previously saved snapshot | Yes |
snapshot_list | List all saved snapshots | Yes |
export_code | Export current Strudel code with header comments | Yes |
The server exposes Strudel knowledge as MCP resources so agents can learn the syntax and write their own code:
| Resource | Description |
|---|---|
strudel://reference | Complete Strudel syntax reference — core functions, mini-notation, effects, modulation |
strudel://roles | Musical role guidance for building jam layers (drums, bass, melody, chords, etc.) |
strudel://examples | Working Strudel patterns from the preset library, organized by mood, genre, and activity |
Agents can read these resources, learn the syntax, and then call play_music(code: ...), jam(code: ...), or conduct(layers: ...) — no API key needed.
Every tool works without ANTHROPIC_API_KEY. There are three tiers of keyless usage:
1. Zero effort — presets and vibes
play_preset(name: "jazz") # 22 curated patterns
set_vibe(mood: "chill") # 8 mood presets
2. Direct code — agent writes Strudel
play_music(code: 'stack(s("bd*4").gain(0.75), note("c2").s("sawtooth").lpf(300))')
jam(role: "drums", code: 's("bd*4").gain(0.75)') conduct(layers: { drums: 's("bd*4")', bass: 'note("c1").s("sine")' })
3. Full power — agent learns Strudel from resources
An agent can read strudel://reference to learn the complete syntax, strudel://roles for layer-building guidance, and strudel://examples for working patterns — then compose its own original Strudel code.
This means any AI agent connected via MCP can make music, regardless of whether ANTHROPIC_API_KEY is set. The calling agent IS the LLM.
Multiple agents can collaborate on music in real time using the HTTP transport and jam tools. Each connected client gets its own MCP session, but they all share the same audio engine and layer state — one agent adds drums while another adds bass, and the layers compose automatically with stack().
Run /dj-claude:connect to auto-start the HTTP server and configure your project in one step:
/dj-claude:connect
/dj-claude:connect 8080 # custom port
This starts the HTTP MCP server, writes .mcp.json, and all other Claude Code sessions in the same project auto-connect.
Start the HTTP server manually:
# Default port 4321
npx dj-claude-mcp-http
DJ_CLAUDE_PORT=8080
Only the beginning is shown; read the rest in the repo