インストール
npx -y @microcharts/mcp誰向けか
モデルにワードサイズのチャートを選ばせ、配線方法をはっきりさせ、本物の alt text 付き SVG にレンダーさせたい人向け。公式は 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 と書く。製品ページ: https://microcharts.dev/
前提: このマシンで npx が使え、公式 JSON で @microcharts/mcp をクライアントに足すこと。名指し位置は Claude Desktop の claude_desktop_config.json、または Cursor の .cursor/mcp.json。
公式はさらに Runs on your machine、stdio server, distributed on npm、Nothing is hosted; no account, no key, no data leaves と書く。それでもゼロリスクではない。プロセスはこのマシンで動き、レンダーのために渡した系列データを読む。プライバシー境界が無いとは読まない。
3分で最初の試行
npx -y @microcharts/mcp だけ使う。設定は command が npx、args が -y と @microcharts/mcp。ホストされたエンドポイントを別に開かない。
前提: 上の2つの設定ファイルのどちらかを書けること。公式説明はアカウントも鍵も求めない。
導入と実行の位置: Claude Desktop は claude_desktop_config.json、Cursor は .cursor/mcp.json。サーバ名は microcharts。
低リスクな観察は、先にリソース microcharts://catalog（every chart + metadata）を読むこと。公式抜粋は find、get、render を能力として書き、ツール関数名は無い。最初はカタログリソースだけ読み、関数名を作らない。
成功の合図: チャートカタログと metadata が見えること。公式説明はカタログフィールドを列挙していない。
利用事例
事例1: カタログを見る。microcharts://catalog を読み、どのワードサイズのチャートがあり、その metadata は何かを確認する。読み取りだけ。系列データを渡さない。
事例2: 完成 SVG をレンダーする。公式は Render to a finished, self-contained SVG plus its generated alt text と書く。系列は data に置き、他の props は value、target、curve、color、width を含む。呼ぶ前に、これらが描きたい数だと確認する。リソース microcharts://agent-setup もあり、the prompt for wiring microcharts into a codebase。それは配線プロンプトであり、レンダー自体ではない。
利用上の境界
レンダーは SVG と alt text を作る。公式説明は保存パスも取り消しもない。find / get / render は関数名として出ていない。呼び出し名一式を自分で足さない。
公式入口: https://github.com/ganapativs/microcharts/tree/main/packages/mcp