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.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"dj-claude": {
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add dj-claude -- npx -y dj-claudeวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"dj-claude": {
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"dj-claude": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"dj-claude"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub p-poss ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.6) เข้า registry 9 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า 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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ 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
ตัดมาแค่ช่วงต้น อ่านต่อใน repo