Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
MCP server for CarsXE vehicle data: VIN, specs, history, images, recalls, and OBD codes.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:
https://mcp.carsxe.com/mcpพิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http carsxe https://mcp.carsxe.com/mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"carsxe": {
"url": "https://mcp.carsxe.com/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"carsxe": {
"type": "http",
"url": "https://mcp.carsxe.com/mcp"
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:
https://mcp.carsxe.com/mcpชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub carsxe ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.0) เข้า registry 8 เดือนที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
A modular, extensible Model Context Protocol (MCP) server for querying and analyzing vehicle data from CarsXE, with beautiful, chat-friendly Markdown output for LLMs and chatbots.
The CarsXE MCP server is a Node.js/TypeScript application that exposes a suite of tools for querying comprehensive vehicle data from CarsXE. It is designed for seamless integration with LLMs (like Anthropic Claude, OpenAI GPT, etc.), chatbots, and developer tools, providing:
Connecting CarsXE to your AI editor or chat client via MCP gives you a supercharged vehicle data experience — directly inside the tools you already use:
| Benefit | Description |
|---|---|
| Ask in plain English | No need to know API endpoints or parameters — just describe what you want |
| Context-aware answers | The AI combines live vehicle data with your question for tailored, actionable responses |
| No tab switching | Get VIN specs, history, recalls, and values without leaving your editor or chat |
| Chain requests effortlessly | Decode a plate → get full specs → check recalls → get market value, all in one conversation |
| Always live data | Every query hits the CarsXE API in real time — no stale cache or outdated results |
| Works in your favorite editor | Claude Desktop, Cursor, VS Code, Windsurf, and any MCP-compatible client |
CarsXE API key (get one here)
All editors use the same remote MCP endpoint. Replace YOUR_API_KEY with your actual CarsXE API key in every config below.
After listing, install CarsXE from the Cursor Marketplace (Grok Bot uses the same catalog). Then open Plugins → Configure and set CARSXE_API_KEY from the CarsXE developer dashboard. Do not commit or paste a real key into the repo.
The Cursor deeplink below remains available as a fallback.
a. Open Claude Desktop Settings
b. Edit the Configuration File
claude_desktop_config.json file in your default text editor."mcpServers" section. If it does not exist, add it as shown below. "mcpServers": {
"carsxe": { "command": "npx", "args": [ "mcp-remote@latest", "https://mcp.carsxe.com/mcp", "--header", "X-API-Key: YOUR_API_KEY" ] } },
YOUR_API_KEY with your actual CarsXE API Key"mcpServers" if you use more than one.c. Restart Claude Desktop
It may take a short delay for the changes to take effect.
This will only work if your API key is associated with an active subscription.
Fallback if the marketplace listing is not available yet:
Install CarsXE MCP for Cursor
The install dialog will open pre-filled with:
| Field | Value |
|---|---|
| Name | CarsXE |
| Type | streamableHttp |
| URL | https://mcp.carsxe.com/mcp |
| Header | X-API-Key: YOUR_API_KEY |
Replace YOUR_API_KEY with your actual CarsXE API key, then click Install.
Install CarsXE MCP for VS Code
After clicking install, you'll need to add your API key manually:
Ctrl+Shift+P / Cmd+Shift+P)YOUR_API_KEY with your actual CarsXE API key: "CarsXE": {
"type": "http", "url": "https://mcp.carsxe.com/mcp", "headers": { "X-API-Key": "YOUR_ACTUAL_KEY_HERE" } }
Note: Make sure you have the GitHub Copilot extension installed and agent mode enabled (
chat.agent.enabledin VS Code settings).
Ctrl+, and search for MCP)~/.codeium/windsurf/mcp_config.json{
"mcpServers": { "carsxe": { "command": "npx", "args": [ "mcp-remote@latest", "https://mcp.carsxe.com/mcp", "--header", "X-API-Key: YOUR_API_KEY" ] } } }
Reload the window or restart Windsurf. Open the Cascade chat panel — CarsXE tools will appear automatically.
For any other MCP-compatible client, register a remote MCP server using:
https://mcp.carsxe.com/mcpX-API-Key: YOUR_API_KEYConsult your editor's MCP documentation for the exact configuration format.
Hosts that implement MCP Apps (including ChatGPT) can show inline vehicle cards. CarsXE keeps fetch tools as data tools and mounts UI only from dedicated render tools, so ChatGPT does not remount an iframe on every lookup.
Recommended call flow:
get_vehicle_specs, get_market_value, or get_vehicle_recalls). It returns Markdown plus structuredContent — no _meta.ui.resourceUri.render_vehicle_card, render_market_value, or render_recalls) with those fields.ui://carsxe/… HTML resource (text/html;profile=mcp-app) and renders the card once.Cards use published tokens from @carsxe/design-system (--primary #065774, --background #F9F9F9, --card #FFFFFF, rounded-2xl chrome) and the official Logo assets https://ui.carsxe.com/logo-light.png / logo-dark.png.
Auth is unchanged: MCP still requires an API key or OAuth. x402 remains REST-only.
Preview the cards locally (no API key, mock data):
npm run preview:ui
Then open previews/vehicle-card.html, previews/market-value.html, and previews/recalls.html in a browser.
Below is a list of all available CarsXE tools, their parameters, and example prompts. These prompts work in any MCP-connected client.
get_vehicle_specs 🚙vin (string, required): 17-character Vehicle Identification NumberWhat are the full specs for VIN
WBAFR7C57CC811956?
Is this a V6 or V8? VIN:
WBAFR7C57CC811956
What trim level is
WBAFR7C57CC811956?
decode_license_plate 🏷️plate (string, required): License plate numberstate (string, optional): State abbreviation (e.g., CA)country (string, required, default: US): Country codeWhat car has license plate
7XER187in California?
Decode plate
7XER187stateCA
Look up the plate
ABC1234in Texas
decode_international_vin 🌍vin (string, required): 17-character VINDecode this European VIN:
WF0MXXGBWM8R43240
What car is
WAUZZZ8K9AA123456? It's a Germa
ตัดมาแค่ช่วงต้น อ่านต่อใน repo