Prototype · Preview: every server in the official registry, synced every 30 minutes. Sign in with Google to write reviews.Prototype · updated every 30 min
PopNx MCPMCP servers for people who use AI · explained in plain words

SVG Lab

by ottoman9version 0.1.3i★ 0iRuns in the cloud
Registry nameapp.svglab/svglab

How to install

What it does

SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.

  • Connects Runs in the cloud
  • Account or key No key needed
  • Category Design, images & audio

Install

Pick the AI app you use, then copy the settings.

Passed 4/4 checks · What you ask goes through the maker’s server (svglab.app) · ✓ Commands checked Nov 13, 2026

First: which AI do you use?

Pick your app and the steps appear below.

Works with Claude · about 2 min

No key, nothing to install · Set it up once on claude.ai or the desktop app, then use it in chat · free accounts can add 1 · on Team/Enterprise an Owner adds it

  1. Open Claude’s Connectors page

    CustomizeConnectors

    CustomizeConnectors1Add2https://…3Add4
  2. Click “Add” → “Custom” → “Web” and fill in these 2 fields

    Copy each value into the field with the same name in Claude, then click Continue

    Name · NameSVG Lab
    Remote MCP server URL · Addresshttps://svglab.app/mcp/agents

    Click Continue past the sign-in settings Claude detected · under Authentication choose what the maker says (Sign in now, Sign in when needed or No sign in), then click Add

  3. Turn it on in a chat

    +ConnectorsSVG Lab

  4. Try it

    Use SVG Lab and tell me what you can do for me, then show me one thing

    ✓ If Claude says it is using SVG Lab or shows a SVG Lab tool in the answer, you are connected

Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Works with ChatGPT, depending on your plan

Full MCP: ChatGPT Business, Enterprise or Edu on the web · Pro: connects with read/fetch permissions, so tools that change data may not work · Plus: not confirmed in OpenAI’s docs; if you see an add-custom-MCP option on the Plugins page you can try these steps · web only

  1. Open ChatGPT’s add-MCP page on the web

    Plugins+Add custom MCP server

    ChatGPTPlugins1+2https://…3Create4
  2. Fill in the name and address

    Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin

    Name · NameSVG Lab
    Connection · Addresshttps://svglab.app/mcp/agents
  3. Pick SVG Lab in a chat

    Start a new chat and pick SVG Lab from your plugins before typing

  4. Try it

    Use SVG Lab and tell me what you can do for me, then show me one thing

    ✓ If ChatGPT says it is using SVG Lab or shows a SVG Lab tool in the answer, you are connected

Menu names checked against OpenAI’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Works with Claude Code · about 2 min

No key, nothing to install

  1. Open Terminal

    Mac: press Command+Space and type Terminal · Windows: open PowerShell

  2. Paste this command and press Enter

    claude mcp add --transport http --scope user svglab https://svglab.app/mcp/agents
  3. Type /mcp in Claude Code

    You should see SVG Lab listed as connected

  4. Try it

    Use SVG Lab and tell me what you can do for me, then show me one thing

    ✓ If Claude Code says it is using SVG Lab or shows a SVG Lab tool in the answer, you are connected

Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Works with Cursor · about 2 min

No key, nothing to install

  1. Click this button to open Cursor

    Open in Cursor

    Cursor asks you to confirm; click Install

  2. Open the AI chat in Cursor in Agent mode

  3. Try it

    Use SVG Lab and tell me what you can do for me, then show me one thing

    ✓ If Cursor says it is using SVG Lab or shows a SVG Lab tool in the answer, you are connected

Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Works with VS Code · about 2 min

No key, nothing to install

  1. Click this button to open VS Code

    Open in VS Code

    VS Code asks you to confirm; click Install

  2. Open the AI chat in VS Code in Agent mode

  3. Try it

    Use SVG Lab and tell me what you can do for me, then show me one thing

    ✓ If VS Code says it is using SVG Lab or shows a SVG Lab tool in the answer, you are connected

Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.

See every app that uses MCP →

Address for apps that connect over the web

Addresshttps://svglab.app/mcp/agents

JSON settings are under “For developers” below

Stuck? Ask people who use SVG Lab💬 Discussion →
For developers: Terminal commands and JSON settings

Over the web

Claude Code

claude mcp add --transport http --scope user svglab https://svglab.app/mcp/agents

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "svglab": {
      "url": "https://svglab.app/mcp/agents"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "svglab": {
      "type": "http",
      "url": "https://svglab.app/mcp/agents"
    }
  }
}

These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.

At a glance

Downloads per weeki
Not on npm/PyPI
Verified domain
✓ svglab.app
Licencei
CC-BY-4.0
Connection
Runs in the cloud
Transport
streamable-http
Latest versioni
0.1.3
Published to registryi
Oct 18, 2026
Code last changedi
Nov 6, 2026
Maker
ottoman9
Website
svglab.app
Registry status
Active

Which apps can use it

Based on how this server connects and on each app’s own docs, checked Nov 10, 2026.

Connect over the internet in

ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

All apps, with pros and cons →

Related guides

What it can do

Tool names and descriptions exactly as the server reported them on Nov 13, 2026. The maker wrote them, not us; we show them as plain text.

  • account_status

    Report the plan, access, SVG Lab credits left and what actions cost.

  • create_shapes

    Draw up to 80 shapes, text, paths and pencil strokes in one call; illustrations are copied from a reference. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • create_path

    Draw one path from anchors with optional absolute handles. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • pencil

    Draw a freehand stroke the way the Pencil tool does. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • edit_path

    Change a path's anchors and handles in place. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • smooth_path

    Fill missing handles, refit curves, or turn a stroke into ink.

  • boolean_op

    Union, subtract, intersect or exclude shapes into one new path.

  • offset_path

    Draw a new path at a set distance outside or inside a path.

  • transform

    Move, scale or rotate shapes.

  • align

    Align shapes to a shared edge or centre.

  • distribute

    Space three or more shapes evenly.

  • align_to_artboard

    Position shapes relative to their artboard.

  • set_style

    Change fill, stroke, caps, joins, taper or opacity.

  • set_gradient

    Paint fill or stroke with a linear or radial gradient.

  • set_filter

    Set blur, soft shadows and opacity, or clear them.

  • set_pattern

    Fill shapes with a built-in pattern.

  • clip_shapes

    Clip or mask shapes with another shape.

  • clip_to_artboard

    Clip shapes that cross their artboard's frame.

  • text_on_path

    Set a text shape along a path.

  • set_text

    Change text content or typography.

  • duplicate

    Copy shapes in place or at an offset.

  • group

    Group shapes.

  • ungroup

    Break groups into their shapes.

  • name_group

    Name a group.

  • reorder

    Change stacking order.

  • resize

    Set the exact width or height of shapes.

  • fit_to_box

    Scale and move shapes together into a box; placing an illustration removes its drawing board.

  • fit_to_children

    Resize a container to wrap its children.

  • repeat

    Copy shapes into a row, grid or circle.

  • mirror

    Make a mirrored copy, or join a half outline with its reflection.

  • flip

    Flip shapes horizontally or vertically.

  • scatter

    Place many seeded copies of one item inside an area.

  • add_texture

    Add hatch, stipple, facet or strata marks clipped to a shape of a drawing on its "Drawing · " board. On a screen the marks are refused as a picture drawn onto it.

  • create_icon

    Draw a built-in monoline icon (docs {components} names them).

  • create_layout

    Build a screen or section from a layout tree; returns boxes, ids and measured warnings. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • update_layout

    Patch or replace a layout made by create_layout. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • design_tokens

    Change the project's design tokens. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • define_styles

    Define named style presets. With a shell (Claude Code): write the fields to a JSON file, curl it to the upload link new_project gave and pass only upload_id, so the user approves a short call.

  • list_design_styles

    List style presets.

  • measure_text

    Measure how text wraps and renders, without drawing it.

  • list_layouts

    List this project's layouts.

  • list_shapes

    List shapes with ids, boxes and stacking order.

  • describe_document

    Describe the artboards and shapes.

  • inspect_path

    Read a path's anchors, handles and construction issues.

  • inspect_layout

    Measure overlap, overflow and alignment; changes nothing.

  • apply_layout_fixes

    Move misaligned layout children to their suggested positions.

  • check_contrast

    Compute WCAG contrast between two colours.

  • check_contacts

    Measure whether parts touch what they belong to.

  • optical_center

    Move an icon so its visual centre sits on its container's centre.

  • measure_optical_center

    Report the optical-centre correction without moving anything.

  • snap_to_grid

    Snap shapes to a grid.

  • normalize_spacing

    Set one equal gap between shapes.

  • normalize_radii

    Give rectangles one corner radius.

  • resolve_overflow

    Move shapes back inside a frame.

  • add_artboard

    Add a screen, slide, page or post (preset sizes it). What a control opens (dropdown, filter, menu) is add_hidden_ui.

  • set_artboard

    Resize, move, rename, recolour or delete an artboard; notes holds a slide's speaker notes.

  • list_artboards

    List the artboards.

  • set_active_artboard

    Make an artboard the active one.

  • fit_artboard

    Fit the active artboard to the artwork on it, plus optional padding.

  • delete_shapes

    Delete shapes.

Basic checksi

We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 15, 2026

  • ✓ Pass

    Maker matches the repo

    The registry name was verified against the domain svglab.app (the registry checks domain ownership)

  • ✓ Pass

    Still maintained

    Code last changed 9 days ago

  • – Not applicable

    Has a licence

    Not applicable: a cloud server run by the owner of svglab.app; you don't run code from the repo

  • ✓ Pass

    Endpoint responds

    Responded in 1161 ms (HTTP 200)

  • – Not applicable

    Sign-in with OAuth

    No sign-in needed

  • ✓ Pass

    No hidden instructions in tool descriptions

    Read 60 tool descriptions and found no hidden instructions to the AI

What we check → · JSON

Makers: ask for a re-check or report wrong info

Discussion

Ask, share a tip or report that it does not work. Sorted by what people marked helpful.

No posts yet. Be the first to ask or share.

Posts here are written by users, not the PopNx team.

Sign in to post

User reviews

No reviews yet

Sign in to write a review

Compared with others in Design, images & audioi

  • More stars than 0% of the other 3071 servers in this category
  • Published to the registry more recently than 51% of the other 3071 servers in this category
  • Basic checks equal to or better than 100% of the other 3071 servers in this category

Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.

Common questions

Is SVG Lab safe?

It passed 4 of 4 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.

What keys or codes does it need?

The registry does not list a required key, though some servers ask you to sign in on first use.

Does it run on my computer or in the cloud?

It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.

Is it still maintained?

The GitHub repo last changed 9 days ago, and the latest version (0.1.3) reached the registry 28 days ago.

Which apps can use it?

Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT on the web (full MCP on Business and above; Pro read-only).

What can I use instead?

In the same category: Pascal 3D Editor, Figma MCP Server, Remocn: Remotion MCP server, Harness, ChatCut

Similar alternatives

Same category, other makers, commands already checked. Official ones first, then by stars.

Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi

Pascal 3D Editor

Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.

by pascalorgWidely used↓ 1K/wk★ 25.5K Stars for the whole repoUpdated 2 days ago

Computer or cloud✓ service owner · pascal.app

Figma MCP Server

Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.

by figmaWidely used★ 2.2KUpdated 13 months ago

Runs in the cloud✓ service owner · mcp.figma.com

Remocn: Remotion MCP server

Hosted MCP for Remotion videos: search Remocn components, read docs, plan a video, preview it.

by RemocnGrowing★ 1.7KUpdated 5 days ago

Runs in the cloud✓ service owner · remocn.dev

Harness

Start Claude Code and Codex agents the person can watch, wait for them and read their answers.

by autonomous-aiGrowing↓ 87/wk★ 1.5KUpdated 27 days ago

Runs on your computer✓ harness.autonomous.ai

ChatCut

AI video editor for agents: cut footage, add captions and motion graphics, export editable edits.

by ChatCut-IncGrowing★ 1KUpdated 16 days ago

Runs in the cloud✓ service owner · chatcut.io
  • Pascal 3D Editor — Cloud or install on your computer · No key needed
  • Figma MCP Server — Runs in the cloud, nothing to install · No key needed · In Claude’s directory
  • Remocn: Remotion MCP server — Runs in the cloud, nothing to install · No key needed
  • Harness — Installs on your computer · No key needed
  • ChatCut — Runs in the cloud, nothing to install · No key needed

README from the maker

Open the README

Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.

SVG Lab MCP

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.

Contents

  • For AI agents
  • Before you start
  • Quick setup: Claude · Claude Code · ChatGPT · Codex · Cursor · VS Code · OpenCode · Windsurf · Gemini CLI · Any MCP client
  • Check it works
  • Examples
  • Access
  • FAQ
  • Links
  • Files in this repository

For AI agents

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 MCP, Generate key). Never invent a key. access: every account gets 100 free credits (up to 24 app screens) once to try it, no form; then a plan (Starter, Plus, Max, Ultra or Team) or a top-up: https://svglab.app/billing cost: credits: 1 a tool call, 2 a reference image search, failed calls free; 100 free credits (up to 24 app screens) once per account, then monthly plan credits or top-up credits (never expire) usage: https://svglab.app/usage (the signed in account's credits and its calls by tool, project and day) browser_tab: not needed; the server runs the Design Engine and saves to the user's My Projects first_call: can take 10 to 30 seconds while the Design Engine starts sessions: up to 2 AI sessions per SVG Lab account at once, each in its own artboard group one_click_claude: https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=SVG%20Lab&connectorUrl=https%3A%2F%2Fsvglab.app%2Fmcp (opens Add custom connector with SVG Lab filled in; the user presses Add, then Connect) one_click_cursor: cursor://anysphere.cursor-deeplink/mcp/install?name=svglab&config=eyJ1cmwiOiJodHRwczovL3N2Z2xhYi5hcHAvbWNwIn0= one_click_vscode: vscode:mcp/install?%7B%22name%22%3A%22svglab%22%2C%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fsvglab.app%2Fmcp%22%7D app_steps: https://svglab.app/mcp-server?app=NAME opens one app's steps; NAME is claude, chatgpt, codex, claude-code, cursor or vscode. Every app: https://svglab.app/mcp-server#connect registry_name: app.svglab/svglab setup_markdown: https://svglab.app/mcp-setup (send the header Accept: text/markdown) agent_skill: skills/svglab-mcp/SKILL.md in this repository (npx skills add ottoman9/svglab-mcp)

Procedure:

  1. Find the app. Work out which app the user is in (Claude Code, OpenCode, Codex, Cursor, VS Code, Gemini CLI, Windsurf, Claude, ChatGPT). If you cannot tell, ask once. If the user is not sure their account has access, ask them to open https://svglab.app/billing while signed in: it shows the current plan and the credits left (plan, free and top-up). Every account gets 100 free credits (up to 24 app screens); after that the SVG Lab MCP needs a plan (Starter, Plus, Max, Ultra or Team) or a top-up.
  2. Add the server. Use that app's block below exactly as written, with the name svglab. Prefer the user level config (every project) unless the user asks for one project. When editing a config file, merge the entry into the existing file and keep every other server and setting. Never put a key in a project file that could be committed to git; use the environment variable form.
  3. Start the sign-in. Run the app's sign-in step (for example opencode mcp auth svglab, or /mcp in Claude Code). It opens the browser and waits until the user signs in to SVG Lab and presses Approve, so either run it and wait, or ask the user to run it in their own terminal. You cannot approve for them; tell them what to expect.
  4. Reload. Restart the app or start a new session so it loads the SVG Lab tools. If you are running inside the app you are configuring, a restart ends your own session: finish the steps above first, then ask the user to restart and paste the test prompt from Check it works into a new session.
  5. Verify. In the new session, check your own tool list for tools from svglab. With access there are dozens of design tools. If there is only one tool, an account status tool, the connection works but the account cannot design yet (its 100 free credits are used up and it has no plan credits and no top-up credits, the account is suspended, or a key was replaced): call it and pass its message to the user. With sign-in, an account without access usually stops earlier: the SVG Lab sign-in page says the free credits are used up; the user can still approve, and the account status tool then says how to get credits.
  6. Test. Run the test prompt from Check it works and give the user the project link it returns. The first design step can take 10 to 30 seconds; that is not a failure.
  7. If access is not granted, tell the user: "SVG Lab is set up, but your SVG Lab account has no SVG Lab credits left: its 100 free credits are used up. Choose a plan, or buy a top-up, at https://svglab.app/billing with the same account, and then it works with no more setup."

Before you start

  1. An SVG Lab account. Sign in at https://svglab.app/ with Google or an email link.
  2. Nothing to buy to try it: every account gets 100 free credits (up to 24 app screens) once, with no form (a tool call costs 1 credit). After that, choose a plan (Starter, Plus, Max, Ultra or Team) or buy a top-up at https://svglab.app/billing : $10 for 5,000 credits (up to 1,200 app screens), $25 for 10,000 credits (up to 2,400 app screens) or $50 for 25,000 credits (up to 6,100 app screens). Top-up credits never expire; all purchases are final.

Sign in with the same account every time: when the AI app opens the SVG Lab sign-in page, use the same account, so its free credits, plan or top-ups apply. Designs are saved to that account's My Projects.

Every app signs in the same way: add the address, the app opens a "Sign in to SVG Lab" page, sign in, check which app is asking, press Approve.

Quick setup

Short versions below. Ready config files are in configs/. The full guide, with key-based setups and troubleshooting, is at https://svglab.app/mcp-setup .

Claude (claude.ai and Claude Desktop)

Custom connectors are available on the Free, Pro, Max, Team and Enterprise plans; a Free account can add one custom connector.

  1. One click: open Add SVG Lab to Claude. Claude opens Add custom connector with the name SVG Lab and the URL https://svglab.app/mcp already filled in. Check them and leave Advanced settings (OAuth Client ID and Secret) empty.
  2. Press Add, then Connect next to SVG Lab. Sign in to SVG Lab and press Approve.
  3. In a chat, press + at the lower left, open Connectors and make sure SVG Lab is switched on.

By hand instead: in Claude, open Customize, then Connectors (on the web: https://claude.ai/customize/connectors), press +, then Add custom connector. Name it SVG Lab, paste https://svglab.app/mcp as the remote MCP server URL, and continue from step 2.

Team or Enterprise: an owner adds the connector once under Organization settings, then Connectors; each person presses Connect and signs in with their own SVG Lab account.

Claude Code
claude mcp add --transport http --scope user svglab https://svglab.app/mcp

--scope user makes SVG Lab available in every project. Leave it out to add it to the current project only. Then start Claude Code, type /mcp, choose svglab and pick Authenticate. The browser opens the SVG Lab sign-in page; press Approve. /mcp should show svglab as connected.

ChatGPT

Install the SVG Lab plugin in one click, no developer mode:

  1. Open the SVG Lab plugin and press +, or in ChatGPT open Plugins, search SVG Lab and press +.
  2. Sign in to SVG Lab when asked and press Approve.
  3. Ask for a design in any chat.
Codex

Codex installs the same SVG Lab plugin:

  1. In the Codex app, open Plugins, search SVG Lab and press +. In the Codex CLI, type /plugins.
  2. Sign in to SVG Lab when asked and press Approve.
  3. Start a new Codex thread so it loads the SVG Lab tools.

The Codex IDE extension has no plugins. There, add the server by hand (the app, the IDE extension and the CLI share ~/.codex/config.toml):

codex mcp add svglab --url https://svglab.app/mcp

Or add to ~/.codex/config.toml by hand:

[mcp_servers.svglab]

url = "https://svglab.app/mcp" `

Only the beginning is shown; read the rest in the repo