Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Multi-engine web, image and WeChat search with page/PDF fetching over local MCP stdio.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
BRAVE_API_KEY, GOOGLE_API_KEY, GOOGLE_CSE_ID, PRISMSEARCH_HOME, PRISMSEARCH_CONFIGค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"prismsearch": {
"command": "npx",
"args": [
"-y",
"prismsearch"
],
"env": {
"BRAVE_API_KEY": "ใส่ค่าของคุณ",
"GOOGLE_API_KEY": "ใส่ค่าของคุณ",
"GOOGLE_CSE_ID": "ใส่ค่าของคุณ",
"PRISMSEARCH_HOME": "ใส่ค่าของคุณ",
"PRISMSEARCH_CONFIG": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add prismsearch --env BRAVE_API_KEY='ใส่ค่าของคุณ' --env GOOGLE_API_KEY='ใส่ค่าของคุณ' --env GOOGLE_CSE_ID='ใส่ค่าของคุณ' --env PRISMSEARCH_HOME='ใส่ค่าของคุณ' --env PRISMSEARCH_CONFIG='ใส่ค่าของคุณ' -- npx -y prismsearchเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"prismsearch": {
"command": "npx",
"args": [
"-y",
"prismsearch"
],
"env": {
"BRAVE_API_KEY": "ใส่ค่าของคุณ",
"GOOGLE_API_KEY": "ใส่ค่าของคุณ",
"GOOGLE_CSE_ID": "ใส่ค่าของคุณ",
"PRISMSEARCH_HOME": "ใส่ค่าของคุณ",
"PRISMSEARCH_CONFIG": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"prismsearch": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"prismsearch"
],
"env": {
"BRAVE_API_KEY": "ใส่ค่าของคุณ",
"GOOGLE_API_KEY": "ใส่ค่าของคุณ",
"GOOGLE_CSE_ID": "ใส่ค่าของคุณ",
"PRISMSEARCH_HOME": "ใส่ค่าของคุณ",
"PRISMSEARCH_CONFIG": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
GOOGLE_CSE_ID envPRISMSEARCH_HOME envPRISMSEARCH_CONFIG envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub xiaonerner0821 ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: BRAVE_API_KEY, GOOGLE_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.3.3) เข้า registry 5 วันที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
PrismSearch
简体中文 | English
A multi-engine web search MCP (Model Context Protocol) server that aggregates search results from multiple search engines.
Like a prism splits light into a spectrum, PrismSearch disperses your search queries across multiple engines for multi-perspective results.
The built-in web search of AI coding agents such as Claude Code and DeepSeek Harness usually depends on an official account or a separately configured search API key. Use a third-party model, go through your own gateway, or simply skip the search account, and the built-in search is often unavailable — the agent ends up coding "closed-book".
PrismSearch adds that capability back with one command:
fetcher.browser.enabled: true, requires Playwright) and Google works without a key too. Brave / Google API keys are picked up automatically when present for extra reliabilityfetch_page reads web pages and PDFs (Markdown output, paginated for long documents), wechat_search searches WeChat Official Account articles — the "found it, now read it" half# Claude Code
claude mcp add prismsearch -- npx -y prismsearch
[!WARNING]
Scraping engines fetch results from public web pages. You are responsible for complying with each search engine's and target site's terms of service, robots policies and local laws, and for keeping request rates reasonable.
The learning/research recommendation is not an additional restriction on the Apache-2.0 license. This project is not affiliated with any search engine company. See the full Disclaimer at the end.
web_search, image_search, fetch_page, wechat_search, list_enginescache.backend: sqlite | memory | redis (SQLite by default)A single web_search call returns structured, deduplicated results:
{
"results": [ { "title": "Model Context Protocol - Introduction", "url": "https://modelcontextprotocol.io/introduction", "snippet": "The Model Context Protocol (MCP) is an open protocol that enables seamless integration between LLM applications and external data sources and tools.", "source": "brave", "position": 1 } ], "totalResults": 10, "engine": "brave", "searchTime": 842, "cached": false, "page": 1, "hasMore": true }
Every item in results[] always has title, url, snippet, source (the engine) and position, and may have timestamp; with mode=aggregate items also carry sources and the response carries engines. When the engine ignored some parameters the response carries warnings. The same JSON is returned both as structuredContent and as text in content.
flowchart LR
Client["MCP client Claude Code / Cursor / …"]
subgraph Transport["Transport src/server"] Stdio["stdio"] Http["Streamable HTTP auth · Host/Origin check · rate limit"] end
subgraph Tools["Tools src/tools"] WS["web_search"] IS["image_search"] WX["wechat_search"] FP["fetch_page"] LE["list_engines"] end
subgraph Search["Search orchestration"] Sel["Engine selection / circuit breaker engine-selector"] Chain["Fallback chain · aggregate RRF dedup · ad filter"] end
Engines["Engine adapters src/engines Google · Bing · Brave · Baidu · DDG Yandex · Sogou · 360 · Sogou WeChat"] Cache[("Cache src/cache sqlite / memory / redis")]
subgraph Fetch["Fetching src/fetcher"] SSRF["SSRF guard src/security/ssrf-guard"] HF["HTTP fetcher"] BF["Browser fetcher Playwright"] WK["Remote workers ts-worker / py-worker"] EX["Content extraction Readability / PDF"] end
Client --> Stdio & Http Stdio & Http --> Tools WS & IS --> Sel --> Chain --> Engines WX --> Engines LE -. status .-> Sel WS & IS & WX & FP -. read/write .-> Cache FP --> SSRF --> HF & BF & WK HF & BF & WK --> EX
In stdio mode there is a single client, so rate limiting happens at the tool layer; in HTTP mode the transport rate-limits per client. Whether fetch_page is delegated to a worker is controlled by workers.useFor; when no worker is available it falls back to the local fetchers, and the final URL returned by a worker is SSRF-checked again.
better-sqlite3 ships prebuilt binaries for mainstream platforms (Windows/macOS/Linux, x64/arm64); if prebuilds are unavailable on your platform, a C++ build toolchain is requiredoptionalDependency — installed by default (browsers download on install); use npm install --omit=optional for a minimal install. To add it later: npm install playwright && npx playwright install chromiumnpm install prismsearch
claude mcp add prismsearch -- npx -y prismsearch
Or add to your MCP settings:
{
"mcpServers": { "prismsearch": { "command": "npx", "args": ["-y", "prismsearch"], "env": { "BRAVE_API_KEY": "optional" } } } }
| Client | Config location | Notes |
|---|---|---|
| Claude Desktop | claude_desktop_config.json | Same mcpServers snippet |
| Cursor | ~/.cursor/mcp.json or .cursor/mcp.json | Same mcpServers snippet |
| VS Code (Copilot) | .vscode/mcp.json | Top-level key is servers; add "type": "stdio" |
| Windsurf / Cline etc. | Their own MCP config | Generic command + args form |
| Remote (HTTP) | Any Streamable HTTP client | URL http://host:3000/mcp, header Authorization: Bearer |
On Windows, if the client cannot find npx, set command to "cmd" and args to ["/c", "npx", "-y", "prismsearch"].
skills/prismsearch/SKILL.md is an Agent Skill that teaches the agent when to use each tool: search first and then read the source pages, use timeRange / aggregate mode, fall back to browser rendering, page through long documents, and handle engine failures. The MCP server above still has to be connected; the skill only adds usage guidance.
To install it for Claude Code, copy the folder into your skills directory:
# All projects
cp -r skills/prismsearch ~/.claude/skills/
cp -r skills/prismsearch .claude/skills/
Other agents that support the Agent Skills format can load the same folder.
dsh-plugin-prismsearch is a DeepSeek Harness plugin that installs both the MCP server and the skill in one step. In the DSH Web GUI, open Plugins → Add plugin and enter:
dsh-plugin-prismsearch
The plugin starts a pinned prismsearch version through npx, so Node.js >=22.19.0 must be on PATH. The first start downloads the package and can take a few seconds. Tools appear as mcp__prismsearch__web_search and so on. If BRAVE_API_KEY, GOOGLE_API_KEY or GOOGLE_CSE_ID are set where DSH starts, they are forwarded to the server. If you have already added an MCP entry with serverName: prismsearch by hand, remove it or rename it first, otherwise the two entries conflict. See the plugin README for details.
| Engine | Web | Image | Method | Default | Notes |
|---|---|---|---|---|---|
| ✅ | ✅ | API / browser / HTTP | on | Custom Search API is the most reliable; plain HTTP usually hits the JS wall | |
| Bing | ✅ | ✅ | HTTP scraping | on | |
| Brave | ✅ | ✅ | Official API | on | Needs BRAVE_API_KEY; skipped when absent |
| Baidu | ✅ | ✅ | HTTP scraping / JSON API | on | Chinese content |
| DuckDuckGo | ✅ | — | HTTP scraping | off | Frequent requests trigger a bot challenge |
| Yandex | ✅ | — | HTTP scraping | off | |
| Sogou | ✅ | — | HTTP scraping | off | Chinese content |
| 360 Search | ✅ | — | HTTP scraping | off | Chinese content |
How each web_search parameter is translated for each engine. "—" means the engine has no equivalent; the parameter is accepted but ignored, and the response's warnings lists which parameters were dropped. list_engines also declares per-engine suppo
ตัดมาแค่ช่วงต้น อ่านต่อใน repo