SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.
MCPpedia last refreshed this data
app.svglab/svglab is an MCP server that SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG. Its tool list has not been published yet over http, requires no API key, and scores 83/100 on MCPpedia's security, maintenance and efficiency rubric.
Config is the same across clients - only the file and path differ.
{
"mcpServers": {
"svglab": {
"url": "https://svglab.app/mcp"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.
This server supports HTTP transport. Be the first to test it - help the community know if it works.
Five weighted categories - click any category to see the underlying evidence.
No known CVEs.
Checked skills against OSV.dev.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience - it helps other developers decide.
Sign in to write a review.
Others in design
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
Draw and visually collaborate with your agents on tldraw's canvas.
MeiGen-AI-Design-MCP — Turn Claude Code / OpenClaw into your local Lovart. Local ComfyUI, 1,400+ prompt library, multi-direction parallel generation.
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
MCP Security Weekly
Get CVE alerts and security updates for app.svglab/svglab and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
Add to Claude opens Claude's Add custom connector dialog with SVG Lab already filled in; press Add, then Connect. The Cursor and VS Code buttons open SVG Lab's install step for that app, which hands over to the app (GitHub cannot link to an app directly).
Listed on Smithery and Glama. Facts, offer and setup: https://svglab.app/mcp-server
SVG Lab MCP lets your AI design inside SVG Lab (svglab.app), and you watch it live. Connect Claude, ChatGPT, Codex, Cursor or any other MCP client and ask for app screens, icons, illustrations or charts: your AI designs them in your SVG Lab project with SVG Lab's Design Engine (layout, spacing, type, colour and drawing, checked before anything is finished). claude.ai, ChatGPT and Codex show a live card in the chat with the screen being drawn; in any app the AI can open the project in the SVG Lab editor so you watch the work on SVG Lab's canvas. The finished designs are saved to your SVG Lab projects as clean SVG, ready to export as SVG, PNG or PDF.
The AI brings the idea (content, palette, direction); SVG Lab guarantees the structure (spacing, alignment, sizing, type, valid vector geometry). It runs on SVG Lab's servers, so there is nothing to install and no browser tab needs to stay open.
https://svglab.app/mcp
Streamable HTTP, OAuth sign-in, no key needed.
This repository holds documentation, ready-made client configs and an agent skill. It contains no server code. The full, always current setup guide is at svglab.app/mcp-setup.
You are probably setting this up for a user. Facts:
name: svglab
server_url: https://svglab.app/mcp
transport: streamable HTTP (remote). Not SSE, not stdio. Nothing to install.
auth: OAuth 2.1, authorization code with PKCE (S256), dynamic client registration
resource_metadata: https://svglab.app/.well-known/oauth-protected-resource/mcp
auth_server_meta: https://svglab.app/.well-known/oauth-authorization-server
registration: https://svglab.app/oauth/register
scope: mcp
client_id: not needed; leave client ID and client secret empty
no_credentials: POST /mcp answers 401 with a WWW-Authenticate header pointing at resource_metadata
key_alternative: header "Authorization: Bearer svl_KEY" (the user creates the key at svglab.app:
account menu, SVG Lab
... [View full README on GitHub](https://github.com/ottoman9/svglab-mcp#readme)