MCP server that turns AI into an SVG artist. One rendering engine, AI decides everything.
MCP server that turns AI into an SVG artist. One rendering engine, AI decides everything. The nakkas mcp server wraps that behind the Model Context Protocol, so an assistant can use it through 4 defined tools rather than through you.
Everything the assistant can do here goes through one of these:
render_svg — Takes SVGConfig JSON, returns a PNG preview + artifact id (+ design analysis warnings)preview — Re-renders a stored artifact (or raw SVG) to PNG at any widthsave — Saves a stored artifact (or raw content) to disk as SVG (text) or PNG (raster)Fonts — Prefer the CSS generic families: sans-serif, serif, monospace. They resolve to a real font on every platform, both in browsers and in nakkasnakkas on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.
This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Nakkas's toolset — render_svg, preview, save and 1 more — is a fair guide to whether it matches your workflow. It is maintained by arikusi; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| render_svg | Takes SVGConfig JSON, returns a PNG preview + artifact id (+ design analysis warnings) |
| preview | Re-renders a stored artifact (or raw SVG) to PNG at any width |
| save | Saves a stored artifact (or raw content) to disk as SVG (text) or PNG (raster) |
| Fonts | Prefer the CSS generic families: sans-serif, serif, monospace. They resolve to a real font on every platform, both in browsers and in nakkas previews. Named fonts like Arial or Helvetica only exist on some systems (not o |
{
"mcpServers": {
"nakkas": {
"command": "npx",
"args": ["-y", "nakkas@latest"]
}
}
}Configuration as documented by the project. Restart the client after saving.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.