Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Local MCP server to analyze video, audio & images: frames, transcripts, on-screen text.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"media-context": {
"command": "npx",
"args": [
"-y",
"media-context-mcp"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add media-context -- npx -y media-context-mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"media-context": {
"command": "npx",
"args": [
"-y",
"media-context-mcp"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"media-context": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"media-context-mcp"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ดูจากแบบการต่อของ server ตัวนี้ และเอกสารของผู้ทำโปรแกรมแต่ละตัว ตรวจเมื่อ 10 พ.ย. 2569
ติดตั้งบนเครื่องได้ใน
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 10 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub vishalguptax ซึ่งเป็นเจ้าของ repo
มีการแก้โค้ดล่าสุด 39 วันที่ผ่านมา
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 2 จาก 2 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด 39 วันที่ผ่านมา และส่งรุ่นล่าสุด (0.1.4) เข้า registry 5 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Next AI Draw.io, Pascal 3D Editor, screenpipe
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Search your local screen recordings, audio transcripts, and computer activity from screenpipe.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Give your AI assistant eyes and ears.
Analyze any video, audio, or image — locally, right inside your editor.
Install · Capabilities · Modes · Examples · Tools · Options · Docs
LLMs read text and glance at a single image — but they can't watch a video or listen to audio. media-context-mcp closes that gap. Hand it a file or a link and it returns clean, model-ready context — keyframes, a transcript, or the text on screen — entirely on your machine. Nothing is uploaded.
A 10-second clip becomes one tidy contact sheet your model reads in order — not hundreds of stills.
Two steps — add the server, then install the local helpers it uses.
# Claude Code
claude mcp add media-context -- npx -y media-context-mcp
The launch command is always npx -y media-context-mcp. Pick your client:
Claude Desktop
Settings → Developer → Edit Config (claude_desktop_config.json):
{
"mcpServers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
Cursor
~/.cursor/mcp.json (global) or .cursor/mcp.json (per-project):
{
"mcpServers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
VS Code (GitHub Copilot, agent mode)
.vscode/mcp.json — VS Code uses the servers key:
{
"servers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
Windsurf
~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
Cline / Roo Code
cline_mcp_settings.json (the extension's MCP settings):
{
"mcpServers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
Kiro
.kiro/settings/mcp.json (project) or ~/.kiro/settings/mcp.json (user):
{
"mcpServers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
Gemini CLI
~/.gemini/settings.json:
{
"mcpServers": { "media-context": { "command": "npx", "args": ["-y", "media-context-mcp"] } } }
</details>
Zed
settings.json — Zed uses context_servers:
{
"context_servers": { "media-context": { "command": { "path": "npx", "args": ["-y", "media-context-mcp"] } } } }
</details>
Codex CLI
~/.codex/config.toml:
[mcp_servers.media-context]
command = "npx" args = ["-y", "media-context-mcp"]
</details>
JetBrains AI Assistant
Settings → Tools → AI Assistant → Model Context Protocol → Add, then use command npx with args -y media-context-mcp.
Tip: in Claude Code you can install it as a plugin instead — run
/plugin marketplace add vishalguptax/media-context-mcp, then/plugin install media-context. To share with a team, install per-project:--scope project(writes.mcp.json) or commit a.cursor/mcp.jsonin the repo.
One command sets up everything the server uses, via your OS package manager:
npx media-context-mcp setup # core: keyframes, links, on-screen text
npx media-context-mcp setup --audio # also enable transcription
The server finds the helpers automatically afterward — no extra configuration. Run check_media_deps to see what's ready, and setup --uninstall to remove them. (Install by hand →)
*“Summarize
demo.mp4.”*
| Video | Keyframe overview, full-size stills, scene detection, or a dense filmstrip that catches split-second glitches |
| Audio | Speech turned into text — clips, voice notes, meetings, podcasts |
| Images | The picture, plus the exact text shown on screen |
| Anywhere | Local files or links — YouTube, Vimeo, and 1000+ sites |
| Private | Runs on your machine. No API keys, no uploads |
| Efficient | A long clip becomes a couple of images, not hundreds |
analyze_media auto-detects audio and images. For video, choose how frames are sampled:
| Mode | Best for |
|---|---|
sheet *(default)* | A cheap overview — frames tiled into one or two contact sheets |
frames | Detail on specific moments — individual full-size stills |
scenes | Slide decks & static screencasts — only scene-change frames |
filmstrip | Catching a sub-second UI glitch — a dense, near-native-rate strip |
Just ask in plain language — the assistant picks the right options.
| You ask | What you get |
|---|---|
*“Summarize demo.mp4.”* | A quick overview from sampled keyframes |
*“What error does bug.mp4 show at the end?”* | The exact on-screen text, read back |
*“Walk me through the UI flow in onboarding.mov.”* | Step-by-step from scene-change frames |
*“Transcribe standup.m4a and list action items.”* | A local transcript |
*“Summarize https://youtu.be/… with the transcript.”* | Fetched and transcribed |
*“Read the error in this screenshot crash.png.”* | The picture plus its exact text |
*“Find where the slider in ui.mp4 flickers ~0:06.”* | The exact frame of a sub-second glitch |
| Tool | What it does |
|---|---|
| `analyze_media` | Turn a video, audio, or image — file or URL — into model-readable context. Auto-detects the type and supports cropping, time windows, language, and sampling rate. |
| `check_media_deps` | Report which capabilities are ready on this machine. |
Every call runs locally and cleans up after itself.
Your assistant fills these in for you, but you can steer it (“use filmstrip mode”, “crop to the toolbar”).
Full analyze_media parameters
| Param | Default | Description |
|---|---|---|
source | — | Local file path (video/audio/image) or http(s) URL |
context | — | A note framing the analysis; echoed atop the summary |
detail | — | high = readable stills for screen recordings; low = cheap overview |
mode | sheet | sheet · frames · scenes · filmstrip |
format | webp | webp (smallest) · jpeg · png (crisp text) |
maxFrames | 30 | Upper bound on sampled frames |
grid | 5 | Tiles per row/column for contact-sheet modes |
scale | 320 | Per-frame width in px — lower = fewer tokens |
sceneThreshold | 0.4 | Scene-change sensitivity (scenes mode) |
fps | auto | Explicit sampling rate; pair high with filmstrip |
crop | — | {x,y,width,height} (pixels, or 0–1 fractions) to zoom a region |
stripRows | 18 | Tiles per image in filmstrip mode |
startSec / endSec | — | Restrict to a time window |
transcript | false | Also produce a transcript (video) |
whisperModel | small | tiny · base · small · medium · large |
ocr | false | Extract on-screen text |
ocrLang | eng | Language code(s), e.g. eng+deu |
ocrPsm | 3 | Page-segmentation: 3 auto · 6 block · 11 sparse |
detectJumps | false | Track an on-screen number and report jump-back glitches with timestamps |
maxDurationSec | 3600 | Reject URL downloads longer than this |
maxFileSizeMb | 500 | Abort a URL download past this size |
Worked recipes for each are in the [usage guide](./docs/usage.md).
Can an LLM watch a video? Not directly — models take images and text, not video. This server turns the video into frames and a transcript it can read.
Does anything get uploaded? No. Everything runs on your machine; no keys, no cloud.
Which clients work? Any MCP client — Claude Code, Claude Desktop, Cursor, VS Code, Windsurf, Cline, Kiro, Gemini CLI, JetBrains, Zed, Codex.
Does it handle YouTube and other links? Yes.
How much does it cost? It's free and open source.
Node.js 18+, on Windows, macOS, or Linux. The one-time npx media-context-mcp setup installs everything else.
npm install
npm run build npm test
Issues and PRs welcome — see the usage guide for the architecture.
Apache-2.0 © Vishal Gupta