Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Beschreibung vom Entwickler (englisches Original)
跨客户端 ECharts 图表 MCP server:数据 -> 可交互 HTML 与内联图片
Diese drei werden nie zu einer Punktzahl zusammengefasst: Meinungen, Messungen und Beliebtheit sind verschiedene Dinge.
Für diesen Server haben wir noch keine Zusammenfassung in einfacher Sprache geschrieben. Unten stehen die Fakten, die wir aus der Registry gelesen haben.
Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.
Du brauchst
Welche App nutzt du?
Wähle oben deine App. Wir merken sie uns, damit der Button beim nächsten Mal „In … installieren“ anzeigt.
Öffne Claude Desktop → Settings → Developer → Edit Config und füge dies in claude_desktop_config.json ein
{
"mcpServers": {
"search2chart": {
"command": "npx",
"args": [
"-y",
"search2chart-mcp"
]
}
}
}Führe das in deinem Terminal aus
claude mcp add search2chart -- npx -y search2chart-mcpIn .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen
{
"mcpServers": {
"search2chart": {
"command": "npx",
"args": [
"-y",
"search2chart-mcp"
]
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
In .vscode/mcp.json in deinem Projekt einfügen
{
"servers": {
"search2chart": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"search2chart-mcp"
]
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
Dieser Server läuft auf deinem Computer, und ChatGPT kann sich nur mit Servern im Internet verbinden. Wähle eine andere App.
Deine Auswahl bleibt in einem Cookie auf diesem Gerät; kein Konto nötig.
Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.
Läuft auf deinem Computer; die Tool-Liste erscheint nach der Installation in deiner KI-App.
Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 7. Nov. 2026
Der Registry-Name wurde mit dem GitHub-Konto iqingyoung bestätigt, dem das Repo gehört
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieser Server läuft auf deinem Computer; es gibt keinen Endpunkt im Internet
Läuft auf deinem Computer und nutzt stattdessen lokale Einstellungen
Läuft auf deinem Computer; Tool-Listen können wir nur von Endpunkten im Internet lesen
Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.
Er hat 1 von 1 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.
Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.
Er läuft auf deinem Computer. Deine KI-App startet ihn bei Bedarf, und die Daten laufen nicht über die Server des Entwicklers (außer der Server ruft selbst einen Onlinedienst auf).
Das GitHub-Repo wurde zuletzt – geändert, und die neueste Version (0.4.1) kam vor 2 Monaten in die Registry.
Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Außerdem brauchst du Node.js auf deinem Computer.
In derselben Kategorie: Spec Driven Development, Remote Desktop Commander, 御府和田玉 在售作品查询
Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.
So liest du eine Karte:★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Live in-stock Hetian jade from Yufu, Shanghai: prices, monthly price guide, book a viewing.
Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.
Turn any tabular data into inline charts directly inside agent conversations. Zero runtime dependencies, multi-client adaptive.
把「任意表格数据」变成直接内联在 agent 对话流里的图表。零运行时依赖,多端自适应。
# 方式一:DSH 原生插件(DeepSeek Harness 用户推荐,真·内联)
dsh plugin --profile web add dsh-chart
npx search2chart-mcp
git clone https://github.com/iqingyoung/search2chart-mcp.git
| 路径 | 目录 | 适用 |
|---|---|---|
| 通用 MCP server | mcp/ | ZCode / Claude Desktop / Cursor / WorkBuddy / Trae / Codex / DSH 通用 |
| 原生 DSH 插件 | dsh/ | DeepSeek Harness(真·内联,图片直接进对话) |
mcp/,对话框直接出图dsh/;DSH 里也能用 mcp/(走文件链接){
"mcpServers": { "search2chart-mcp": { "command": "npx", "args": ["search2chart-mcp"], "env": {} } } }
如果 npx 拉不到,用 clone 后的绝对路径:
"command": "node", "args": ["<仓库>/mcp/server.js"]
不同 Agent 渲染器对图片格式支持各异。先用 all 模式一次性测试:
临时配置(在 MCP 配置里加环境变量):
{
"env": { "ECHARTS_INLINE_MODE": "all" } }
发给 Agent 的测试 prompt:
用 chart_from_data 生成一个简单柱状图。
数据:[["城市","销量"],["北京",120],["上海",200],["广州",150]] 标题:城市销量对比 chartType:bar
Agent 返回 3-4 行图,分别标记为:
哪个在对话框里真正渲染成了图片,你的 Agent 就支持哪种。
| 能渲染的格式 | 设置 |
|---|---|
| data URI ✅ | ECHARTS_INLINE_MODE=inline(默认) |
| file:// ✅ | ECHARTS_INLINE_MODE=file |
| localhost http ✅ | ECHARTS_INLINE_MODE=inline |
| CDN 公网 https ✅ | ECHARTS_INLINE_MODE=cdn |
| MCP image block ✅ | inline + 调用时 returnImage:true |
| 都显示不了 | ECHARTS_INLINE_MODE=none,用 .html 交互图 |
工具结果里已内置 Agent 指令,告诉模型如何根据用户反馈自动设置模式:
[Agent]: 返回 4 行图片,哪张正常显示?
已知客户端实测:ZCode →
file,OpenCode →inline(data URI),WorkBuddy →cdn,DSH →inline(localhost http),Claude/Cursor →inline+returnImage:true。
通过 ECHARTS_INLINE_MODE 环境变量控制内联行为:
| 模式 | 行为 | 适用客户端 |
|---|---|---|
inline(默认) | data URI → localhost http → file:// 自动 fallback | OpenCode / DSH / 通用 |
file | 只输出 file:// 本地路径 | ZCode |
cdn | 上传 GitHub+jsDelivr,输出公网 https | WorkBuddy |
all | 测试模式:一次返回所有格式 | 首次接入时测试 |
none | 纯文本(.html 路径 + 数据),无内联 | 纯文本模型 / 终端 |
结果附带完整数据(JSON,代码块包裹),让纯文本模型在上下文里继续做占比/趋势/对比分析,无需看图。returnData: false 可关。
图表同时写入 .html 文件,浏览器打开即支持 hover / 缩放 / 类型切换 / 配色调整。
| 工具 | 作用 |
|---|---|
chart_from_data | 结构化数据 → 图表 HTML + 内联图片 |
chart_from_file | CSV/XLSX 路径 → 图表 HTML + 内联图片 |
list_chart_types | 列出支持的类型 / 配色与字段约定 |
字段约定:第一列 = 类别轴;其余列 = 数值序列(多列即多序列);chartType: auto 按数据自动选 饼/柱。
详见 mcp/README.md。
search2chart-mcp/
├── mcp/ # 跨端 MCP server(内联 SVG + 可交互 HTML) │ ├── server.js # MCP stdio 协议 + 工具入口 │ ├── lib/ │ │ ├── chart.js # 数据归一化 + ECharts option │ │ ├── html.js # 自包含可交互 HTML │ │ ├── svg.js # 零依赖 SVG 渲染器 │ │ ├── httpserver.js # 本地 HTTP 服务 │ │ ├── rasterize.js # SVG→PNG │ │ ├── upload.js # GitHub + jsDelivr CDN │ │ └── parse.js # CSV/XLSX 解析 │ └── scripts/ │ ├── selftest.js # 端到端自检 │ └── verify_cdn.cjs # CDN 端到端验证 ├── dsh/ # 原生 DSH 内联插件 ├── LICENSE └── README.md
MIT