Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Animated word-by-word captions for your video and audio files, rendered on your machine by Cuecaps.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
CUECAPS_API_KEY, CUECAPS_CHROMEค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://cuecaps.com/mcpเปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"cuecaps": {
"command": "npx",
"args": [
"-y",
"cuecaps-mcp"
],
"env": {
"CUECAPS_API_KEY": "ใส่ค่าของคุณ",
"CUECAPS_CHROME": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http cuecaps https://cuecaps.com/mcpclaude mcp add cuecaps --env CUECAPS_API_KEY='ใส่ค่าของคุณ' --env CUECAPS_CHROME='ใส่ค่าของคุณ' -- npx -y cuecaps-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"cuecaps": {
"url": "https://cuecaps.com/mcp"
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"cuecaps": {
"command": "npx",
"args": [
"-y",
"cuecaps-mcp"
],
"env": {
"CUECAPS_API_KEY": "ใส่ค่าของคุณ",
"CUECAPS_CHROME": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"cuecaps": {
"type": "http",
"url": "https://cuecaps.com/mcp"
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"cuecaps": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"cuecaps-mcp"
],
"env": {
"CUECAPS_API_KEY": "ใส่ค่าของคุณ",
"CUECAPS_CHROME": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://cuecaps.com/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
CUECAPS_CHROME envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ชื่อและคำอธิบายเครื่องมือตามที่ server ตอบมาเมื่อ 7 พ.ย. 2569 ผู้ทำเป็นคนเขียน ไม่ใช่เรา แสดงเป็นข้อความล้วน
list_stylesLists the 10 Cuecaps caption styles: the id to pass as style to studio_link, the name, and how each one looks. Call it when the user hasn't picked a style or asks what the styles look like.
studio_linkReturns a link to the Cuecaps studio set up with these caption settings, and the steps to give the user: they open it, add their video, click Find words and export an MP4 with captions burned in, a transparent overlay or an SRT or VTT file. The video stays on their device. Works
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub Pantheonn3D ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตอบกลับใน 459 ms (HTTP 200)
ไม่ต้องล็อกอิน
อ่านคำอธิบายเครื่องมือ 2 ตัวแล้ว ไม่พบคำสั่งแอบแฝงถึง AI
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: CUECAPS_API_KEY
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.2) เข้า registry 9 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Caption a video or audio file on your computer from Claude Code, Cursor, Claude Desktop or any MCP client. Ask "caption talk.mp4 in Karaoke and give me the MP4" and talk.captions.mp4 lands next to the original. The server drives the Cuecaps studio's own export in headless Chrome or Edge on your machine, so the result matches a studio export of the same settings. Once the project syncs to your account, caption_video also returns a studio link that opens it, to fix a word or change the style.
Apps that connect to an MCP server by URL can use `https://cuecaps.com/mcp` (Streamable HTTP) with no install and no key: claude.ai and the Claude apps on phone and desktop, ChatGPT, Gemini CLI, Claude Code and Cursor. It has list_styles and studio_link, so you ask for captions the way you'd describe them ("karaoke captions on a Spanish TikTok") and get a studio link set up for them, to finish in your browser. To caption a file on your computer directly, use this package (below).
https://cuecaps.com/mcp.claude mcp add --transport http cuecaps https://cuecaps.com/mcp~/.gemini/settings.json: { "mcpServers": { "cuecaps": { "httpUrl": "https://cuecaps.com/mcp" } } }Setup for every client: cuecaps.com/ai-assistants.
CUECAPS_CHROME points to any other browser.claude mcp add cuecaps --env CUECAPS_API_KEY=cck_… -- npx -y cuecaps-mcp
Add this to the MCP config: Settings, Developer, Edit Config in Claude Desktop, or ~/.cursor/mcp.json in Cursor.
{ "mcpServers": { "cuecaps": { "command": "npx", "args": ["-y", "cuecaps-mcp"], "env": { "CUECAPS_API_KEY": "cck_…" } } } }
The Agent access card on cuecaps.com/account creates a key and shows this config with the key filled in.
| Tool | Key | What it does |
|---|---|---|
list_styles | no | The 10 caption styles: id, name and how each one looks. |
studio_link | no | A studio link that opens set up with your settings. Works on every plan. |
account_status | yes | Your plan, cloud minutes left this period, the date they reset, and whether it includes agent captioning. |
transcribe | yes | Every word of a file with its start and end time in seconds, plus the SRT text. Writes no file. |
caption_video | yes | Captions a file and writes the result next to it. |
Every input except path is optional. The caption settings use the studio-link names: style, words (1 to 10), lines (1 or 2), position (top, middle, bottom), aspect (9:16, 1:1, 4:5, 16:9) and lang (a language code such as es; auto lets cloud transcription detect it). Each tool's schema lists the valid values.
transcribe and caption_video also take:
engine: cloud is ElevenLabs Scribe on your plan's cloud minutes, strongest on music, accents and 90+ languages, and the default when the minutes left cover the file. device is on-device Whisper with no minutes; its first run downloads the model (132 MB). The result names the engine used.keyterms: up to 100 names and words for cloud transcription to spell your way.caption_video also takes:
output: mp4 with the captions burned in (the default), mov or webm as a transparent captions-only overlay, or srt or vtt subtitles.resolution: 720p, 1080p (the default), 1440p or 4k. 1440p and 4K come with Pro.fps: 24, 25, 30 (the default), 50 or 60.out_path: an absolute path in an existing folder to write to instead; its extension sets the output.list_styles
{}
Returns [{ "id": "bold", "name": "Bold", "look": "Montserrat in capitals with a black outline, …" }, …].
studio_link
{ "style": "karaoke", "words": 4, "aspect": "9:16" }
Returns { "url": "https://cuecaps.com/studio?style=karaoke&words=4&aspect=9%3A16" }.
account_status
{}
Returns { "plan": "creator", "minutes_left": 287.5, "resets": "2026-11-20", "agents": true }.
transcribe
{ "path": "/Users/ana/clips/talk.mp4", "engine": "device" }
Returns { "words": [{ "text": "Greetings!", "start": 0.48, "end": 1.84 }, …], "srt": "1\n00:00:00,480 --> …", "engine": "device", "minutes_used": 0 }.
caption_video
{ "path": "/Users/ana/clips/talk.mp4", "style": "karaoke", "aspect": "9:16" }
Returns { "file": "/Users/ana/clips/talk.captions.mp4", "duration": 17.17, "engine": "cloud", "minutes_used": 0.29, "studio_url": "https://cuecaps.com/studio#p=…" }. While it runs, the server reports progress: Opening, Transcribing, Rendering 42%, Saving.
caption_video writes .captions. next to the input. A file that already exists is never replaced: the next run writes .captions-2. , then -3, and so on. The same rule applies to out_path.
The studio link in studio_url opens the saved project on Creator and Pro. The video itself stays on your machine, so the studio asks for the file again when you open the link on another device.
| Variable | Use |
|---|---|
CUECAPS_API_KEY | Your key (cck_ and 32 characters). |
CUECAPS_CHROME | Path to the Chrome or Edge executable, when it isn't at a standard install path. |
CUECAPS_URL | The Cuecaps site, https://cuecaps.com by default. |
engine: "device" sends no audio. The project and its words still sync to your account, as every project does on Creator and Pro.cuecaps.com/api/* requests. It is never in a URL, a log or a file.MIT. The source is at github.com/Pantheonn3D/cuecaps-mcp.