Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Download any video from a URL, or get its transcript and key frames. All local, no API keys.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
VIDEO_EXTRACT_COOKIES_FROM_BROWSER, VIDEO_EXTRACT_MODELS_DIR, VIDEO_EXTRACT_MAX_CONCURRENCYต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"video-extract": {
"command": "npx",
"args": [
"-y",
"@yanlinglabs/video-extract-mcp"
],
"env": {
"VIDEO_EXTRACT_COOKIES_FROM_BROWSER": "ใส่ค่าของคุณ",
"VIDEO_EXTRACT_MODELS_DIR": "ใส่ค่าของคุณ",
"VIDEO_EXTRACT_MAX_CONCURRENCY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add video-extract --env VIDEO_EXTRACT_COOKIES_FROM_BROWSER='ใส่ค่าของคุณ' --env VIDEO_EXTRACT_MODELS_DIR='ใส่ค่าของคุณ' --env VIDEO_EXTRACT_MAX_CONCURRENCY='ใส่ค่าของคุณ' -- npx -y @yanlinglabs/video-extract-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"video-extract": {
"command": "npx",
"args": [
"-y",
"@yanlinglabs/video-extract-mcp"
],
"env": {
"VIDEO_EXTRACT_COOKIES_FROM_BROWSER": "ใส่ค่าของคุณ",
"VIDEO_EXTRACT_MODELS_DIR": "ใส่ค่าของคุณ",
"VIDEO_EXTRACT_MAX_CONCURRENCY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"video-extract": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@yanlinglabs/video-extract-mcp"
],
"env": {
"VIDEO_EXTRACT_COOKIES_FROM_BROWSER": "ใส่ค่าของคุณ",
"VIDEO_EXTRACT_MODELS_DIR": "ใส่ค่าของคุณ",
"VIDEO_EXTRACT_MAX_CONCURRENCY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
VIDEO_EXTRACT_COOKIES_FROM_BROWSER envVIDEO_EXTRACT_MODELS_DIR envVIDEO_EXTRACT_MAX_CONCURRENCY envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน yanlinglabs.com แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.16.2) เข้า registry เดือนที่แล้ว
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Give an AI agent any video link: download the file, read the transcript, or get just the frames that matter — all on your own machine.
Two jobs, and you can use either on its own:
Get the video. A YouTube link, a TikTok, a WeChat Channels share URL, a raw .mp4, or a page from a site nobody has heard of — it resolves and downloads it, whole or just the section you asked for. If that is all you need, stop there; nothing forces you to analyse anything.
Or read it. A transcript (real captions when the platform has them, local speech recognition when it does not) and a small set of *important* keyframes — deduplicated, scene-aware, and scored — instead of a thousand near-identical stills.
Built for AI agents. Three MCP tools, no cloud, no API keys, no Python.
claude mcp add --scope user video-extract -- npx -y @yanlinglabs/video-extract-mcp@latest
codex mcp add video-extract -- npx -y @yanlinglabs/video-extract-mcp@latest
Get the video, from almost anywhere. Paste a link and it resolves: YouTube, TikTok, Instagram, X, Facebook and Reels, Twitch, Vimeo, Reddit, WeChat Channels, a bare .mp4 or .m3u8, or a page on a site nobody has heard of. Local files work too. Anything unsupported comes back as a clear failure rather than a crash.
From there you choose how much work to pay for:
Everything happens on your machine. No API key, no upload, no third-party service.
Two problems, really. Getting the video at all — every platform hides its media behind a different mechanism, and none of them want a script fetching it. And then reading it: an LLM cannot watch a video, and the usual workaround — dump every Nth frame into the context window — burns enormous amounts of context on frames that are 98% identical to the one before, while still missing the slide that changed when nothing else moved.
video-extract-mcp handles both:
transcript.source, and for a local transcript transcript.asrReason says why (no_captions or captions_failed; a failed retrieval is also listed in warnings).Install the system programs first; they can't come from npm. You need ffmpeg (with ffprobe), yt-dlp, Deno (yt-dlp needs it for YouTube), tesseract with Chinese language data, and Node ≥ 22.12.
macOS (the tested platform):
brew install node ffmpeg yt-dlp tesseract tesseract-lang # Homebrew's yt-dlp brings Deno along
Windows (not yet run there; these come from the package manifests), in PowerShell:
winget install OpenJS.NodeJS.LTS
winget install yt-dlp.yt-dlp # also installs Deno and an ffmpeg build with ffprobe winget install tesseract-ocr.tesseract
Then open a new terminal. Tesseract's installer doesn't add itself to PATH, and winget doesn't add Chinese language data; INSTALL.md has both steps.
Linux: your distribution's yt-dlp is usually too old for YouTube, and Deno isn't packaged. INSTALL.md has the Debian/Ubuntu and Fedora steps.
Restart your agent after installing, so the server it launches sees the new programs.
Then point your MCP client at the package. There are two ways, and they differ in ways worth thirty seconds of your time.
Option A — `npx`, nothing installed. Simplest, and it picks up new releases on its own.
Claude Code:
claude mcp add --scope user video-extract -- npx -y @yanlinglabs/video-extract-mcp@latest
Codex:
codex mcp add video-extract -- npx -y @yanlinglabs/video-extract-mcp@latest
Another agent? Point it at [INSTALL.md](https://github.com/yanlingLabs/video-extract-mcp/blob/main/INSTALL.md) and it can install itself. It covers Gemini CLI, Grok, opencode, Hermes Agent, OpenClaw, Pi, Kilo Code, Cline and DeepSeek Harness, says how each recipe was checked, and lists the tool-call timeout to raise in each: a full analysis takes minutes, and several stop waiting after one.
Keep the `@latest` — without it npx pins to the first version it cached and never updates.
Option B — installed globally. Starts faster and gives you the video-extract status CLI as a real command.
npm install -g @yanlinglabs/video-extract-mcp
Then register it — Claude Code:
claude mcp add --scope user video-extract -- video-extract-mcp
Codex:
codex mcp add video-extract -- video-extract-mcp
npx (A) | global install (B) | |
|---|---|---|
| Updates | automatic only with `@latest` in the spec — a bare npx -y @yanlinglabs/video-extract-mcp pins to the first version it cached and never updates | manual: `npm update -g @yanlinglabs/video-extract-mcp`. You stay on the installed version until you run it |
| Startup | ~0.9s (npm resolution on every launch) | ~0.1s |
video-extract status in your shell | not on PATH — needs npx -y -p @yanlinglabs/video-extract-mcp video-extract status | works directly |
| Working directory | must not be this package's own checkout (see below) | irrelevant |
Neither affects what agents can do: an agent checks on background work over HTTP using the statusUrl handed to it in the reply, never a shell command. The CLI is for humans.
Or in any MCP client's config — "command": "npx", "args": ["-y", "@yanlinglabs/video-extract-mcp@latest"] for A, or "command": "video-extract-mcp" with no args for B:
{
"mcpServers": { "video-extract": { "command": "npx", "args": ["-y", "@yanlinglabs/video-extract-mcp@latest"] } } }
One gotcha with `npx`, and it only bites contributors. Run inside this package's own git checkout,
npx @yanlinglabs/video-extract-mcpfails withcommand not found— npx sees the localpackage.jsonclaiming that name, looks for the binary in a localnode_modules/.binthat was never populated, and gives up. Since MCP clients launch servers with the working directory set to your project, option A cannot work *in this repo*. Working on the tool itself? Point that one project at your build —claude mcp add --scope local video-extract -- node "$PWD/dist/mcp.js"— which also means anpm run buildtakes effect immediately, with no publish round-trip. Everywhere else,npxis fine.
That is enough for any video that has captions — which, thanks to the caption-first transcript policy, is most of them. The vision model downloads itself on first use.
Speech models are only needed for videos with no captions at all, and they are fetched automatically the first time one is. Only the engine that video needs is downloaded — 233 MB for the Chinese/Japanese/Korean model, 1.3 GB for Whisper — into ~/.cache/video-extract-mcp/models. Set VIDEO_EXTRACT_AUTO_FETCH_MODELS=0 to keep it manual, or pre-fetch them yourself:
npx -y -p @yanlinglabs/video-extract-mcp@latest video-extract cookies # installs the package, then exits
curl -fsSL https://raw.githubusercontent.com/yanlingLabs/video-extract-mcp/main/scripts/fetch-models.sh \ | bash -s -- ~/.cache/video-extract-mcp/models
~/.cache/video-extract-mcp/models is where the tool looks by default. Override with VIDEO_EXTRACT_MODELS_DIR. If the fetch is disabled or fails, an uncaptioned video still returns frames and records a warning explaining why the transcript is missing — it degrades rather than fails.
git clone https://github.com/yanlingLabs/video-extract-mcp.git
cd video-extract-mcp npm install && npm run build ./scripts/fetch-models.sh # into ./models, which takes precedence when present npm run preflight # verifies ffmpeg / ffprobe / yt-dlp / tesseract
| Variable | Purpose |
|---|---|
VIDEO_EXTRACT_MODELS_DIR | Where speech models live. Defaults to ./models when that exists, else ~/.cache/video-extract-mcp/models. |
VIDEO_EXTRACT_AUTO_FETCH_MODELS | Set 0 to stop the speech models being downloaded on demand. They are then your job (scripts/fetch-models.sh), and an uncaptioned video degrades with a warning saying so. |
| VIDEO_EXTRACT_COOKIES_FILE | Path to a Netscape-format cookie jar, used for every yt-dlp source at once — YouTube, Instagram, Facebook, X, TikTok, Twitch and the rest. See [Authenti
ตัดมาแค่ช่วงต้น อ่านต่อใน repo