Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Agents can now live code music for you, themselves, and each other while they work.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"dj-claude": {
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}ターミナルでこれを実行します
claude mcp add dj-claude -- npx -y dj-claudeプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"dj-claude": {
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"dj-claude": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント p-poss で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.6)がレジストリに届いたのは9 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
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.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
_ _ _ _
__| |(_) _ | | _ _ _ | | _ / _ || | / __| | | / _ || | | |/ _` | / _ \ | (_| || | _ | (__ | || (_| || |_| | (_| || / \,_|| | (_) \___| |_| \__,_| \__,_|\__,_| \___| _/ | |__/
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
冒頭だけを表示しています。続きはリポジトリで読めます