Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Text-to-speech, speech-to-text, audio-to-face lipsync, and motion-capture clips for 3D agents.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
검사 3/3 통과 · 내 컴퓨터에서 실행돼요 · ✓ 명령 확인 2026년 11월 14일
먼저: 어떤 AI를 쓰시나요?
쓰는 앱을 고르면 아래에 단계가 나옵니다.
Claude에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만) · 컴퓨터용 Claude 앱(Windows 또는 Mac)에서만 되고 웹이나 모바일은 안 돼요
SettingsDeveloperEdit Config
{
"mcpServers": {
"audio": {
"command": "npx",
"args": [
"-y",
"@three-ws/audio-mcp"
]
}
}
}three.ws Audio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude가 three.ws Audio을 쓰고 있다고 하거나 답에 three.ws Audio 도구 이름이 나오면 연결된 거예요
위 명령은 이 값들 없이도 동작합니다. 바꾸고 싶을 때만 제작자 설명대로 추가하세요.
THREE_WS_BASE Base URL of the three.ws API that serves the audio/animation endpoints. Override only when self-hosting or targeting a preview deployment. · 기본값 https://three.wsTHREE_WS_API_KEY Optional three.ws API key (bearer token). Raises the metered TTS/ASR/Audio2Face rate limits and unlocks your own private/unlisted motion-capture clips. Leave unset to use the public surface anonymous…THREE_WS_TIMEOUT_MS Per-request timeout in milliseconds for the live audio/animation calls (synthesis and recognition are real upstream model calls). · 기본값 60000설명은 아직 영어 원문입니다.
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
ChatGPT는 아직 three.ws Audio에 연결할 수 없어요
three.ws Audio는 내 컴퓨터에 설치해서 쓰지만 ChatGPT는 웹에서 도는 서버만 연결할 수 있어요
A · three.ws Audio에 연결되는 앱 쓰기
B · 디자인, 이미지 및 오디오에서 ChatGPT에 연결되는 다른 서버
같은 분류에서 많이 쓰는 것 중 키 없이 주소만으로 연결되는 것을 골랐어요
Claude Code에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
claude mcp add --scope user audio -- npx -y @three-ws/audio-mcpthree.ws Audio이 목록에 있고 연결됨으로 보이면 돼요
three.ws Audio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude Code가 three.ws Audio을 쓰고 있다고 하거나 답에 three.ws Audio 도구 이름이 나오면 연결된 거예요
위 명령은 이 값들 없이도 동작합니다. 바꾸고 싶을 때만 제작자 설명대로 추가하세요.
THREE_WS_BASE Base URL of the three.ws API that serves the audio/animation endpoints. Override only when self-hosting or targeting a preview deployment. · 기본값 https://three.wsTHREE_WS_API_KEY Optional three.ws API key (bearer token). Raises the metered TTS/ASR/Audio2Face rate limits and unlocks your own private/unlisted motion-capture clips. Leave unset to use the public surface anonymous…THREE_WS_TIMEOUT_MS Per-request timeout in milliseconds for the live audio/animation calls (synthesis and recognition are real upstream model calls). · 기본값 60000설명은 아직 영어 원문입니다.
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Cursor에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
three.ws Audio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Cursor가 three.ws Audio을 쓰고 있다고 하거나 답에 three.ws Audio 도구 이름이 나오면 연결된 거예요
위 명령은 이 값들 없이도 동작합니다. 바꾸고 싶을 때만 제작자 설명대로 추가하세요.
THREE_WS_BASE Base URL of the three.ws API that serves the audio/animation endpoints. Override only when self-hosting or targeting a preview deployment. · 기본값 https://three.wsTHREE_WS_API_KEY Optional three.ws API key (bearer token). Raises the metered TTS/ASR/Audio2Face rate limits and unlocks your own private/unlisted motion-capture clips. Leave unset to use the public surface anonymous…THREE_WS_TIMEOUT_MS Per-request timeout in milliseconds for the live audio/animation calls (synthesis and recognition are real upstream model calls). · 기본값 60000설명은 아직 영어 원문입니다.
메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
VS Code에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
three.ws Audio을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ VS Code가 three.ws Audio을 쓰고 있다고 하거나 답에 three.ws Audio 도구 이름이 나오면 연결된 거예요
위 명령은 이 값들 없이도 동작합니다. 바꾸고 싶을 때만 제작자 설명대로 추가하세요.
THREE_WS_BASE Base URL of the three.ws API that serves the audio/animation endpoints. Override only when self-hosting or targeting a preview deployment. · 기본값 https://three.wsTHREE_WS_API_KEY Optional three.ws API key (bearer token). Raises the metered TTS/ASR/Audio2Face rate limits and unlocks your own private/unlisted motion-capture clips. Leave unset to use the public surface anonymous…THREE_WS_TIMEOUT_MS Per-request timeout in milliseconds for the live audio/animation calls (synthesis and recognition are real upstream model calls). · 기본값 60000설명은 아직 영어 원문입니다.
메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Claude Code
claude mcp add --scope user audio -- npx -y @three-ws/audio-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"audio": {
"command": "npx",
"args": [
"-y",
"@three-ws/audio-mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"audio": {
"command": "npx",
"args": [
"-y",
"@three-ws/audio-mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"audio": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@three-ws/audio-mcp"
]
}
}
}THREE_WS_BASE envTHREE_WS_API_KEY 비밀 envTHREE_WS_TIMEOUT_MS env설명은 아직 영어 원문입니다.
이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.
내 컴퓨터에서 실행하는 앱
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
내 컴퓨터에서 실행돼요. 설치하면 AI 앱에 도구 목록이 나타나요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 14일 점검
레지스트리 이름이 GitHub 계정 nirholas 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
코드 마지막 변경: 오늘
Apache-2.0 사용
내 컴퓨터에서 실행되는 서버라 인터넷 엔드포인트가 없어요
내 컴퓨터에서 실행되며, 대신 로컬 설정을 사용해요
내 컴퓨터에서 실행돼요. 도구 목록은 인터넷 엔드포인트가 있는 서버에서만 읽을 수 있어요
질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.
아직 리뷰가 없어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 3개 중 3개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
레지스트리에 필수 키가 나와 있지 않아요. 다만 처음 쓸 때 로그인을 요구하는 서버도 있어요.
내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).
GitHub 저장소는 마지막으로 오늘 변경됐고, 최신 버전(0.1.3)은 34일 전 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.
같은 카테고리에는: Figma Context MCP, AutoClip, Next AI Draw.io
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:↓ 주간 다운로드i★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
@three-ws/audio-mcp
Give a 3D AI agent a voice and a face — text-to-speech, speech-to-text, audio-to-face lipsync, and the motion-capture clip library, from any MCP client.
A Model Context Protocol server that exposes the three.ws voice and animation pipeline over stdio. Make an avatar speak, let users talk back, turn that speech into a per-frame lipsync track, and browse the recorded motion-capture library — everything you need to drive a 3D agent's mouth and movement.
The speech, recognition, and lipsync lanes run on free NVIDIA NIM models (Magpie TTS, Riva ASR, Audio2Face-3D), with OpenAI as the paid TTS backstop — the same provider policy as the three.ws platform. No key required to start; point THREE_WS_BASE at a deployment and go.
npm install @three-ws/audio-mcp
Or run with npx (no install):
npx @three-ws/audio-mcp
Claude Code, one line:
claude mcp add audio -- npx -y @three-ws/audio-mcp
Claude Desktop / Cursor (claude_desktop_config.json or mcp.json):
{
"mcpServers": { "audio": { "command": "npx", "args": ["-y", "@three-ws/audio-mcp"] } } }
Inspect the surface with the MCP Inspector:
npx -y @modelcontextprotocol/inspector npx @three-ws/audio-mcp
| Tool | Type | What it does |
|---|---|---|
text_to_speech | read-only | Synthesize spoken audio from text; returns a base64 audio data URL plus the real voice/format/mime. Free Magpie, OpenAI backstop. |
speech_to_text | read-only | Transcribe spoken audio (base64 wav/pcm/flac/ogg) with the free NVIDIA Riva recognizer; returns text, confidence, duration. |
audio_to_face | read-only | Turn speech (text you pass, or audio you have) into a per-frame ARKit blendshape lipsync track via Audio2Face-3D. |
motion_capture_clips | read-only | Browse the motion-capture clip library — recorded face/pose/hand/VMC tracks — with kind filter and cursor pagination. |
motion_capture_clip | read-only | Fetch one clip by id including its full per-frame animation track to play back on an avatar. |
All five tools are read-only: they transform input (synthesize/recognize/animate) or read live library data, never mutating platform state. None are idempotent — the audio bytes, transcript, and catalog move between calls.
`text_to_speech` — text (required, 1–4096 chars), voice (default nova), format (mp3|opus|aac|flac|wav|pcm, default mp3), model (OpenAI backstop only), language (BCP-47, default en-US), speed (0.5–2.0, OpenAI lane only).
`speech_to_text` — audio (required, base64 or data: URL), format (wav|pcm|flac|ogg, default wav), language (BCP-47, default en-US), sampleRate (Hz, PCM only), words (bool), model (advanced).
`audio_to_face` — text or audio (one required), format (wav|pcm, audio path), sampleRate (PCM only), voice / language (text path).
`motion_capture_clips` — kind (face|pose|hand|vmc), include_public (bool, authenticated only), limit (1–100, default 50), cursor.
`motion_capture_clip` — id (required, clip UUID).
// text_to_speech
{ "text": "Hello, I'm your three.ws agent.", "voice": "nova" }
{ "ok": true, "voice": "Magpie-Multilingual.EN-US.Aria", "model": "magpie-tts-multilingual", "format": "wav", "mime": "audio/wav", "sizeBytes": 274476, "audio": "data:audio/wav;base64,UklGR…" }
// audio_to_face (text path — returns audio + the lipsync track together)
{ "text": "Watch my lips move." }
{ "ok": true, "audio": { "base64": "UklGR…", "contentType": "audio/wav", "format": "wav" }, "animation": { "fps": 30, "blendShapeNames": ["jawOpen", "mouthClose", "…"], "durationSec": 1.9, "frames": [ { "t": 0.0, "w": [0.0, 0.1, /* … */] } ] } }
A face frame is { t, w }: t = seconds from clip start, w = weights in the order of blendShapeNames (ARKit-52 naming). Play the audio and sample the track by the audio element's currentTime.
Audio crosses the wire as base64 (TTS returns it, ASR/A2F accept it). Both the synthesis input (text) and the recognition input (audio, ~8 MB cap) are bounded by the platform — keep clips to a spoken utterance rather than long recordings. For lipsync on audio you already have, pass wav/pcm directly; browser-recorded WebM/Opus must be decoded to WAV or PCM first (Riva and Audio2Face do not accept the WebM container).
https://three.ws (or your own THREE_WS_BASE).| Variable | Required | Default | Purpose |
|---|---|---|---|
THREE_WS_BASE | no | https://three.ws | Which deployment to talk to. |
THREE_WS_API_KEY | no | — | Bearer token. Raises the metered TTS/ASR/A2F rate limits and unlocks your own private mocap clips. |
THREE_WS_TIMEOUT_MS | no | 60000 | Per-request timeout for the live model calls. |
Part of the three.ws SDK suite — 3D AI agents, on-chain identity, and agent payments.
Website · Changelog · GitHub