Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
MCP server with UI for NASA images
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
NASA_API_KEYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"nasa-images": {
"command": "npx",
"args": [
"-y",
"@kaitoy/nasa-images-mcp-server"
],
"env": {
"NASA_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add nasa-images --env NASA_API_KEY='ใส่ค่าของคุณ' -- npx -y @kaitoy/nasa-images-mcp-serverเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"nasa-images": {
"command": "npx",
"args": [
"-y",
"@kaitoy/nasa-images-mcp-server"
],
"env": {
"NASA_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"nasa-images": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@kaitoy/nasa-images-mcp-server"
],
"env": {
"NASA_API_KEY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 10 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub kaitoy ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: NASA_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.1.3) เข้า registry 8 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
A project to search NASA's image library using an MCP server and display images in an interactive UI.
🌟 Features:
cd nasa-images-mcp-server
npm install
cp .env.example .env
Edit the .env file to configure your NASA API key:
NASA_API_KEY=your_api_key_here
PORT=3000
npm run build
.env fileRate Limits:
In stdio mode, the server communicates via stdin/stdout — no HTTP server is started. Logs are written to stderr.
npx @kaitoy/nasa-images-mcp-server --stdio
Pass the --stdio flag to use stdio transport:
node build/index.js --stdio
Using npx (recommended):
{
"mcpServers": { "nasa-images": { "command": "npx", "args": ["-y", "@kaitoy/nasa-images-mcp-server", "--stdio"], "env": { "NASA_API_KEY": "your_api_key_here" } } } }
Using local build:
{
"mcpServers": { "nasa-images": { "command": "node", "args": ["/path/to/nasa-images-mcp-server/build/index.js", "--stdio"], "env": { "NASA_API_KEY": "your_api_key_here" } } } }
npm start
The server will start at http://localhost:3000.
PORT=3001 npm start
Suitable for local MCP clients (e.g., Claude Desktop) that launch the server as a subprocess.
The latest MCP HTTP transport protocol, suitable for remote or multi-client scenarios.
Key Features:
You can test the server using MCP Inspector:
npx @modelcontextprotocol/inspector http://localhost:3000/mcp
npx @modelcontextprotocol/inspector node /path/to/nasa-images-mcp-server/build/index.js --stdio
Steps to connect from a custom client:
curl -X POST http://localhost:3000/mcp \
-H "Content-Type: application/json" \ -H "Accept: application/json, text/event-stream" \ -d '{ "jsonrpc": "2.0", "id": 1, "method": "initialize", "params": { "protocolVersion": "2024-11-05", "capabilities": {}, "clientInfo": { "name": "my-client", "version": "1.0.0" } } }'
The response headers will include mcp-session-id.
curl -X POST http://localhost:3000/mcp \
-H "Content-Type: application/json" \ -H "Accept: application/json, text/event-stream" \ -H "mcp-session-id: " \ -d '{ "jsonrpc": "2.0", "id": 2, "method": "tools/list" }'
curl -X GET "http://localhost:3000/mcp" \
-H "mcp-session-id: " \ -H "Accept: text/event-stream"
| Endpoint | Method | Description |
|---|---|---|
/ | GET | Server information and endpoint list |
/health | GET | Health check (includes active session count) |
/mcp | POST | JSON-RPC requests (initialization, tool calls, etc.) |
/mcp | GET | SSE stream (for server notifications) |
/mcp | DELETE | Close session |
search_nasa_imagesSearch NASA's image library.
Parameters:
query (string, required): Search query (e.g., "apollo 11", "mars rover")Usage Example (JSON-RPC):
{
"jsonrpc": "2.0", "id": 3, "method": "tools/call", "params": { "name": "search_nasa_images", "arguments": { "query": "apollo 11 moon landing" } } }
get_next_imageDisplay the next image from the current search results.
Parameters: None
Usage Example (JSON-RPC):
{
"jsonrpc": "2.0", "id": 4, "method": "tools/call", "params": { "name": "get_next_image", "arguments": {} } }
nasa-image://currentGet the URL of the currently displayed image.
MIME Type: text/uri-list
ui://nasa-images/viewerHTML UI resource for the image viewer.
MIME Type: text/html;profile=mcp-app
┌─────────────────────────────────────────────┐
│ MCP Client (Claude Desktop, etc.) │ │ ↕ stdin/stdout │ └───────────────────┼─────────────────────────┘ │ ┌───────────────────┼─────────────────────────┐ │ NASA Images MCP Server │ │ ┌────────────────┴──────────────────────┐ │ │ │ StdioServerTransport │ │ │ └───────────────────────────────────────┘ │ │ ┌───────────────────────────────────────┐ │ │ │ McpServer (MCP Apps Pattern) │ │ │ │ - registerAppTool(search_nasa...) │ │ │ │ - registerAppTool(get_next_image) │ │ │ │ - registerAppResource(viewer UI) │ │ │ │ - registerResource(image URL) │ │ │ └───────────────────────────────────────┘ │ │ ┌───────────────────────────────────────┐ │ │ │ Session Manager │ │ │ │ - Manage search state per user │ │ │ └───────────────────────────────────────┘ │ │ ┌───────────────────────────────────────┐ │ │ │ NASA API Client │ │ │ │ - Image search │ │ │ │ - Image URL retrieval │ │ │ └───────────────────────────────────────┘ │ └───────────────────┼─────────────────────────┘ │ HTTPS ┌───────────────────┼─────────────────────────┐ │ NASA Images API │ │ https://images-api.nasa.gov/search │ └─────────────────────────────────────────────┘
┌─────────────────────────────────────────────┐
│ MCP Client (Inspector, Custom App) │ │ │ │ ┌────────────────────────────────────────┐ │ │ │ HTTP Client │ │ │ │ - POST /mcp (JSON-RPC requests) │ │ │ │ - GET /mcp (SSE stream) │ │ │ └────────────────────────────────────────┘ │ │ ↕ │ └───────────────────┼─────────────────────────┘ │ HTTP/SSE ┌───────────────────┼─────────────────────────┐ │ NASA Images MCP Server (Express) │ │ ┌────────────────┴──────────────────────┐ │ │ │ StreamableHTTPServerTransport │ │ │ │ - Session management │ │ │ │ - JSON-RPC over HTTP │ │ │ │ - SSE for notifications │ │ │ └───────────────────────────────────────┘ │ │ ┌───────────────────────────────────────┐ │ │ │ McpServer (MCP Apps Pattern) │ │ │ │ - registerAppTool(search_nasa...) │ │ │ │ - registerAppTool(get_next_image) │ │ │ │ - registerAppResource(viewer UI) │ │ │ │ - registerResource(image URL) │ │ │ └───────────────────────────────────────┘ │ │ ┌───────────────────────────────────────┐ │ │ │ Session Manager │ │ │ │ - Manage search state per user │ │ │ └───────────────────────────────────────┘ │ │ ┌───────────────────────────────────────┐ │ │ │ NASA API Client │ │ │ │ - Image search │ │ │ │ - Image URL retrieval │ │ │ └───────────────────────────────────────┘ │ └───────────────────┼─────────────────────────┘ │ HTTPS ┌───────────────────┼─────────────────────────┐ │ NASA Images API │ │ https://images-api.nasa.gov/search │ └─────────────────────────────────────────────┘
npm run watch
Automatically rebuilds when files change.
npm run dev
Builds and immediately starts the server.
Error: listen EADDRINUSE: address already in use
Solution: Specify a different port:
PORT=3001 npm start
Run:
npm run build
to compile TypeScript.
DEMO_KEY, obtain your own API key from api.nasa.govThe client must accept both MIME types:
application/jsontext/event-streamcurl -H "Accept: application/json, text/event-stream" ...
Save the mcp-session-id header returned after the initialization request and send it as the mcp-session-id header in subsequent requests.
MIT
Pull requests are welcome! Bug reports and feature requests are accepted via Issues.
If you encounter issues, please create an Issue or refer to the NASA API support page.