sysketch
Polished system design diagrams (SVG/PNG) from a tiny YAML spec, ~18x fewer tokens than raw SVG.
Should I use this
Quality & Safety
Based on automated analysis of tool definitions and protocol compliance.
Context Cost
This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.
Install
One-Click Install
Add this to your `claude_desktop_config.json` file:
{
"mcpServers": {
"sysketch": {
"command": "npx",
"args": [
"sysketch-mcp"
]
}
}
}Runnable packages
0.5.0stdioRemote endpoints
https://sysketch.vercel.app/mcpstreamable-httpWhat it can do
Tool inventory
Tools (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.
Input Schema
{
"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.
Input Schema
{
"type": "object",
"properties": {
"logos": {
"description": "Search product logos by name",
"type": "string"
}
},
"$schema": "http://json-schema.org/draft-07/schema#"
}Community
Evidence