MCP

Mit @microcharts/mcp ein Diagramm finden und als SVG rendern

Zuerst microcharts://catalog lesen, dann ein SVG mit alt text aus data/props rendern, mit npx -y @microcharts/mcp; offiziell lokales stdio ohne gehostetes Konto, aber die übergebene Serie wird verarbeitet.

Official source · @microcharts/mcp

Install

npx -y @microcharts/mcp

Für wen

Für alle, die ein Modell ein wortgroßes Diagramm wählen, die Verdrahtung klären und ein fertiges SVG mit echtem alt text rendern lassen wollen. Offiziell: An MCP server and Vercel AI-SDK toolset for microcharts — let a model find the right word-sized chart, get exactly how to wire it, and render it to a finished SVG with real alt text. Produktseite: https://microcharts.dev/

Voraussetzung: diese Maschine kann npx, und @microcharts/mcp kommt per offiziellem JSON in den Client. Genannte Orte: claude_desktop_config.json von Claude Desktop oder .cursor/mcp.json von Cursor.

Offiziell außerdem Runs on your machine, stdio server, distributed on npm, Nothing is hosted; no account, no key, no data leaves. Das ist trotzdem kein Nullrisiko: der Prozess läuft lokal und liest die übergebene Serie zum Rendern. Nicht als fehlende Privatsphäregrenze lesen.

Erster Versuch in 3 Minuten

Nur npx -y @microcharts/mcp. Die Konfiguration hat command npx und args -y sowie @microcharts/mcp. Keinen gehosteten Endpunkt extra öffnen.

Voraussetzung: eine der beiden Konfigurationsdateien schreiben können. Die offizielle Beschreibung verlangt weder Konto noch Schlüssel.

Installations- und Lauforte: Claude Desktop nutzt claude_desktop_config.json, Cursor .cursor/mcp.json. Der Servername ist microcharts.

Eine risikoarme Beobachtung: zuerst die Ressource microcharts://catalog (every chart + metadata) lesen. Offizielle Auszüge schreiben find, get, render als Fähigkeiten, ohne Funktionsnamen; beim ersten Mal nur die Katalogressource lesen, keine Funktionsnamen erfinden.

Erfolgssignal: Diagrammkatalog und metadata sind sichtbar. Die offizielle Beschreibung listet keine Katalogfelder.

Anwendungsfälle

Fall 1: Den Katalog durchsehen. microcharts://catalog lesen und prüfen, welche wortgroßen Diagramme und welche metadata es gibt. Nur lesen; keine Serie übergeben.

Fall 2: Ein fertiges SVG rendern. Offiziell: Render to a finished, self-contained SVG plus its generated alt text. Die Serie liegt in data; weitere props sind value, target, curve, color, width. Vor dem Aufruf bestätigen, dass diese Zahlen die zu zeichnenden sind. Es gibt auch die Ressource microcharts://agent-setup, the prompt for wiring microcharts into a codebase; das ist ein Verdrahtungsprompt, nicht das Rendern selbst.

Nutzungsgrenzen

Rendern erzeugt SVG und alt text; die offizielle Beschreibung nennt weder Speicherpfad noch Rückgängig. find / get / render erscheinen nicht als Funktionsnamen; kein eigenes Aufrufset erfinden.

Offizieller Einstieg: https://github.com/ganapativs/microcharts/tree/main/packages/mcp