# sysketch MCP server

> Generates hand-sketched system design diagrams in SVG or PNG format from concise YAML specifications.

- Repository: https://github.com/Tonys-Coding/sysketch
- Page: https://hostedmcp.org/servers/tonys-coding/sysketch
- Transport: stdio, remote
- Stars: 1
- License: MIT
- Latest version: 0.5.0

## Install

### Claude Code

```sh
claude mcp add sysketch -- npx -y sysketch-mcp
```

### Cursor (`~/.cursor/mcp.json`)

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

### VS Code (`.vscode/mcp.json`)

```json
{
  "servers": {
    "sysketch": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "sysketch-mcp"
      ]
    }
  }
}
```

### VS Code CLI

```sh
code --add-mcp '{"name":"sysketch","type":"stdio","command":"npx","args":["-y","sysketch-mcp"]}'
```

### Claude Desktop (`claude_desktop_config.json`)

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

### Codex

```sh
codex mcp add sysketch -- npx -y sysketch-mcp
```

### Codex config.toml (`~/.codex/config.toml`)

```toml
[mcp_servers.sysketch]
command = "npx"
args = ["-y", "sysketch-mcp"]
```

### Gemini CLI

```sh
gemini mcp add -s user sysketch npx -- -y sysketch-mcp
```

### Gemini settings.json (`~/.gemini/settings.json`)

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

## Tools (2)

- `render_diagram`
- `list_icons`

## FAQ

### Can I use official logos in my diagrams?

Yes, if official logos are installed, product names like s3 or stripe will display the actual logo.

### Does this server use a lot of tokens?

No, it is highly efficient, using approximately 18x fewer tokens than having an assistant draw raw SVG directly.