Nakkas
Generate and refine SVG graphics from agent prompts through a single MCP rendering engine instead of hand-editing paths.
Overview
nakkas is a Build-phase MCP server that lets coding agents produce SVG artwork through a single rendering engine the model controls.
What is this MCP server?
- One MCP rendering engine; the model decides layout, shapes, and styling
- Positions the agent as an SVG artist rather than a static template exporter
- npm package nakkas version 0.1.4 with stdio MCP transport
- No separate design app required—output flows into web and docs repos
- Lightweight integration for indie landing pages and product icon sets
- Registry version 0.1.4
- npm identifier nakkas with stdio transport
- GitHub source arikusi/nakkas
What problem does it solve?
Indie builders waste cycles exporting icons and diagrams manually when agents could emit SVG but lack a dedicated rendering MCP tool.
Who is it for?
Solo founders who want agent-generated icons, diagrams, and simple brand SVGs while building marketing pages and app UI.
Skip if: Teams needing print CMYK workflows, complex Figma design systems, or photo-real raster asset pipelines.
What do I get? / Deliverables
After you add nakkas, your agent can generate and iterate SVG assets in-repo via MCP instead of placeholder images or brittle hand-coded paths.
- Agent-generated SVG files suitable for web and docs
- Iterative vector artwork without a separate design subscription
- MCP tool surface for creative SVG prompts
Recommended MCP Servers
Journey fit
Icons, illustrations, and marketing SVGs are produced while you build landing pages, docs, and product UI assets. Frontend-facing vector output maps to the frontend subphase even when the agent drives creative decisions end to end.
How it compares
Agent-driven SVG rendering MCP, not a Figma plugin or static icon font CDN.
Common Questions / FAQ
Who is nakkas for?
It is for solo builders and designers pairing with AI agents who need fast, commit-ready SVG graphics for web products.
When should I use nakkas?
Use it during frontend and landing build when you need logos, diagrams, or UI illustrations the agent can revise in conversation.
How do I add nakkas to my agent?
Install the npm package nakkas, register it as a stdio MCP server in Claude Code or Cursor, and invoke its tools from design-oriented prompts.