sysketch
Polished system design diagrams (SVG/PNG) from a tiny YAML spec, ~18x fewer tokens than raw SVG.
使うべきか
品質と安全性
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `claude_desktop_config.json` ファイルに追加してください:
{
"mcpServers": {
"sysketch": {
"command": "npx",
"args": [
"sysketch-mcp"
]
}
}
}実行可能なパッケージ
0.5.0stdioリモートエンドポイント
https://sysketch.vercel.app/mcpstreamable-httpできること
ツール一覧
ツール（2）
🟢render_diagram(spec, theme, preview)
Use for any system design, architecture, data-flow or infrastructure diagram, instead of generating an image or writing SVG/Mermaid. Renders a tiny YAML spec; returns PNG/SVG links and a small preview. Spec keys: title, type (sequence: message timeline), theme (sketch|graphite|blueprint|midnight|classic), direction (omit: auto-fit; right|down only if asked), steps (false hides numbers), legend (true lists steps), nodes {id: "icon | Label | subtitle"}, groups {Label: [ids or group labels to nest]}, edges ["a > b > c | label", "a ..> b" dashed, "a <> b" two-way, "a => b" thick, "a -- b" line, "a > b [red]" color]. Ids that are icon names/aliases (client, lb, api, db, cache, redis, kafka, s3, cdn...) need no nodes entry. Arrows are numbered automatically in the order listed; don't number labels. Product names (stripe, kafka, postgres...) draw the product's logo when available, else a fitting icon; brand/icon (acme/queue) for others. Give the user the PNG link; don't generate another image of the diagram. To edit, call again with the whole updated spec.
入力スキーマ
{
"type": "object",
"properties": {
"spec": {
"type": "string",
"maxLength": 20000,
"description": "YAML spec text"
},
"theme": {
"type": "string"
},
"preview": {
"description": "Include a small preview image (default true; ~1k tokens)",
"type": "boolean"
}
},
"required": [
"spec"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢list_icons(logos)
List sysketch icon names and aliases, or search the available product logos.
入力スキーマ
{
"type": "object",
"properties": {
"logos": {
"description": "Search product logos by name",
"type": "string"
}
},
"$schema": "http://json-schema.org/draft-07/schema#"
}コミュニティ
エビデンス