sysketch
Polished system design diagrams (SVG/PNG) from a tiny YAML spec, ~18x fewer tokens than raw SVG.
Connect it
Settings → Connectors → Add custom connector
URL: https://sysketch.vercel.app/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://sysketch.vercel.app/mcp{
"mcpServers": {
"sysketch": {
"url": "https://sysketch.vercel.app/mcp"
}
}
}claude mcp add --transport http sysketch https://sysketch.vercel.app/mcp{
"servers": {
"sysketch": {
"type": "http",
"url": "https://sysketch.vercel.app/mcp"
}
}
}{
"mcpServers": {
"sysketch": {
"command": "npx",
"args": [
"-y",
"sysketch-mcp@0.5.0"
]
}
}
}claude mcp add sysketch -- npx -y sysketch-mcp@0.5.02 tools, verified live
render_diagramread-onlyUse 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 (tr
list_iconsread-onlyList sysketch icon names and aliases, or search the available product logos.
Change history
Alternatives in Developer Tools
Compare →
Front-End ChecklistA
Review frontend code and live pages against 386 quality-gated web development rules.
PMPostHog MCP ServerOfficialA
Official PostHog MCP Server for product analytics, feature flags, experiments, and more.
MAMakeOfficialA
Build, run and debug Make automation scenarios.
SMSentry MCPOfficialA
MCP server for Sentry - error monitoring, issue tracking, and debugging for AI assistants
Compiler ExplorerA
Compile code with thousands of compilers, inspect the assembly, and share godbolt.org links
MIMiroOfficialA
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.