io.github.Tonys-Coding/sysketch

up checked 2026-11-11T06:39:19.565Z

Unclaimed · Unverified

Publisher-provided title

sysketch

Publisher-provided description

Polished system design diagrams (SVG/PNG) from a tiny YAML spec, ~18x fewer tokens than raw SVG.

Summary by lookupd

Renders system design and architecture diagrams as SVG or PNG from a compact YAML spec, with a lookup of available icon names.

Install

Claude Code, remote (streamable-http)

claude mcp add --transport http sysketch https://sysketch.vercel.app/mcp

Claude Code, npm package (stdio)

claude mcp add sysketch -- npx -y sysketch-mcp

Codex, remote (streamable-http)

codex mcp add sysketch --url https://sysketch.vercel.app/mcp

Codex, npm package (stdio)

codex mcp add sysketch -- npx -y sysketch-mcp

Cursor, remote (streamable-http) → .cursor/mcp.json

{
  "mcpServers": {
    "sysketch": {
      "url": "https://sysketch.vercel.app/mcp"
    }
  }
}

Cursor, npm package (stdio) → .cursor/mcp.json

{
  "mcpServers": {
    "sysketch": {
      "command": "npx",
      "args": [
        "-y",
        "sysketch-mcp"
      ]
    }
  }
}

Other clients: docs. Or tell your agent: Set up lookupd for me: read https://lookupd.com/agent.md and follow it.

Publisher-provided text

render_diagram 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; r
list_icons List sysketch icon names and aliases, or search the available product logos.

Shows this live status and links here; updates hourly.

[![lookupd status](https://lookupd.com/badge/io.github.Tonys-Coding/sysketch.svg)](https://lookupd.com/servers/io.github.Tonys-Coding/sysketch)