MCP

Trouver un graphique et le rendre en SVG avec @microcharts/mcp

Lisez d'abord microcharts://catalog, puis rendez un SVG avec alt text depuis data/props via npx -y @microcharts/mcp ; le texte officiel dit stdio local sans compte hébergé, mais la série fournie est quand même traitée.

Official source · @microcharts/mcp

Install

npx -y @microcharts/mcp

Pour qui

Pour qui veut qu'un modèle choisisse un graphique de taille mot, comprenne le branchement et rende un SVG fini avec un vrai alt text. Le texte officiel dit 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. Page produit : https://microcharts.dev/

Prérequis : cette machine peut exécuter npx, et vous ajoutez @microcharts/mcp au client avec le JSON officiel. Emplacements nommés : claude_desktop_config.json de Claude Desktop, ou .cursor/mcp.json de Cursor.

Le texte officiel dit aussi Runs on your machine, stdio server, distributed on npm, Nothing is hosted; no account, no key, no data leaves. Ce n'est toujours pas un risque zéro : le processus tourne ici et lit la série que vous passez pour rendre. Ne pas lire cela comme l'absence de frontière de confidentialité.

Premier essai en 3 minutes

Suivre uniquement npx -y @microcharts/mcp. La configuration a command npx et args -y et @microcharts/mcp. Ne pas ouvrir un point d'accès hébergé.

Prérequis : pouvoir écrire l'un des deux fichiers de configuration. La doc officielle n'exige ni compte ni clé.

Lieux d'installation et d'exécution : Claude Desktop utilise claude_desktop_config.json, Cursor .cursor/mcp.json. Le nom du serveur est microcharts.

Une observation à faible risque : d'abord lire la ressource microcharts://catalog (every chart + metadata). Les extraits officiels écrivent find, get, render comme capacités, sans noms de fonction ; la première fois, ne lire que la ressource catalogue, ne pas inventer de noms de fonction.

Signal de succès : voir le catalogue de graphiques et les metadata. La doc officielle ne liste pas les champs du catalogue.

Cas d'usage

Cas 1 : parcourir le catalogue. Lire microcharts://catalog et confirmer quels graphiques de taille mot existent et leurs metadata. Lecture seule ; ne pas passer de série.

Cas 2 : rendre un SVG fini. Le texte officiel dit Render to a finished, self-contained SVG plus its generated alt text. La série va dans data ; les autres props incluent value, target, curve, color, width. Avant l'appel, confirmer que ces nombres sont ceux à dessiner. Il existe aussi la ressource microcharts://agent-setup, the prompt for wiring microcharts into a codebase ; c'est un prompt de branchement, pas le rendu lui-même.

Limites d'usage

Le rendu produit un SVG et un alt text ; la doc officielle n'écrit ni chemin d'enregistrement ni annulation. find / get / render n'apparaissent pas comme noms de fonction ; ne pas inventer un jeu d'appels.

Entrée officielle : https://github.com/ganapativs/microcharts/tree/main/packages/mcp