svgapp.ai

Name: svgapp.ai
Author: xz3dev

by xz3devversion 1.1.2i★ –iRuns in the cloud

Registry nameio.github.Xyz3R/svgapp

Install

Overview

Description from the maker (original English)

Create consistent mascot assets and animations for products through AI agents.

PopNx MCP’s three pillars

These three are never merged into one score: opinions, measurements and popularity are different things.

User voiceiNo reviews yetReviews open together with accounts in a later step
Our basic checksi2 of 3 passedChecked from public information; code not scanned yet
UsageiVery new★ –

What you can do with it

We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.

Connection: Runs in the cloud
Transport: Streamable HTTP
Category: Other

Install

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

Before you install

Basic checks: 2 of 3 passed
Runs on the maker’s server: what you ask it goes through their server.
The registry lists no key to fill in.

You need

Runs in the cloudNothing to install; it connects over the internet

Which app do you use?

ClaudeClaude CodeCursorVS CodeChatGPT

Pick your app above. We remember it, so next time the button says “Install in …”.

Works in Claude on the web, desktop and mobile:

Open Settings → Connectors
Press Add custom connector
Paste the address below and press Add
If it asks you to sign in, sign in with the maker

https://web.svgapp.ai/mcp

Run this in your terminal

claude mcp add --transport http svgapp https://web.svgapp.ai/mcp

Open in Cursor

Or copy the settings yourself

Paste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json

{
  "mcpServers": {
    "svgapp": {
      "url": "https://web.svgapp.ai/mcp"
    }
  }
}

Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.

Open in VS Code

Or copy the settings yourself

Paste into .vscode/mcp.json in your project

{
  "servers": {
    "svgapp": {
      "type": "http",
      "url": "https://web.svgapp.ai/mcp"
    }
  }
}

Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.

ChatGPT connects only to servers on the internet:

Open ChatGPT on the web → Settings → Connectors (Apps)
Press Create or Add (some plans need Developer mode under Advanced first)
Paste the address below, give it a name and save
If it asks you to sign in, sign in with the maker

https://web.svgapp.ai/mcp

Menu names can differ slightly by plan and over time.

Your choice stays on this device in a cookie; no account needed.

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

What it can do

The server asks you to sign in before it lists its tools.

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 9, 2026

! Caution
Maker matches the repo
The publisher (Xyz3R) is not the repo owner (xz3dev); someone else may have listed it
… Not checked yet
Still maintained
We have not read this repo from GitHub yet
… Not checked yet
Has a licence
We have not read this repo from GitHub yet
✓ Pass
Endpoint responds
Responded in 325 ms (HTTP 401)
✓ Pass
Sign-in with OAuth
Declares OAuth sign-in, so your AI app can take you to log in
… Not checked yet
No hidden instructions in tool descriptions
Not checked yet; we read the tool list when we check the endpoint

Compared with others in Otheri

More stars than 0% of the other 18676 servers in this category
Published to the registry more recently than 93% of the other 18676 servers in this category
Basic checks equal to or better than 37% of the other 18676 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 svgapp.ai safe?

It passed 2 of 3 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 –, and the latest version (1.1.2) reached the registry 3 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 in developer mode.

What can I use instead?

In the same category: Spec Driven Development, Remote Desktop Commander, ChargingNear.me

Alternatives

Servers in the same category from other makers, sorted by stars.

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

Spec Driven Development

MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.

by formulahendryEarly↓ 66/wk★ 440Updated 14 months ago

Runs on your computer

Install

Remote Desktop Commander

Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.

by desktop-commanderGrowing★ 211Updated 4 days ago

Runs in the cloud✓ desktopcommander.app

Install

ChargingNear.me

U.S. EV charging stations: nearest, on a route, city and state stats, highway gaps and NEVI status.

by chargingnear.meEarlyUpdated today

Runs in the cloud✓ chargingnear.me

Install

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.

svgapp.ai MCP server and agent skills

svgapp.ai creates a brand mascot from a prompt, then keeps that character consistent across new poses, emotions and animations. This repository connects it to your coding agent. Claude Code, Cursor, Codex or Windsurf can create the mascot, generate a pose for each screen (onboarding, empty states, 404 pages, success messages) and put the files straight into your project.

Remote MCP server: https://web.svgapp.ai/mcp (Streamable HTTP, OAuth sign-in, no API key)
Outputs: PNG with transparent background, SVG (vectorized), transparent WebM animations
Registry: io.github.Xyz3R/svgapp on the official MCP registry

This repository contains only connection config and agent instructions. The server is hosted by svgapp.ai.

Connect

You sign in with your svgapp.ai account in the browser; your client stores and refreshes the credentials. There is nothing to copy or paste. If you have never used svgapp, sign in to the app once first so your account exists.

Claude Code

claude mcp add --transport http svgapp https://web.svgapp.ai/mcp

Then run /mcp inside Claude Code, select svgapp and choose Authenticate. Add --scope user to use it in every project, or --scope project to share the entry with your team through .mcp.json (each teammate signs in with their own account). Full guide

Cursor

Add this to .cursor/mcp.json in your project, or ~/.cursor/mcp.json for all projects:

"mcpServers": { "svgapp": { "url": "https://web.svgapp.ai/mcp" } } }

Open Settings → Tools & MCP and click Connect next to svgapp. Full guide

Codex

codex mcp add svgapp --url https://web.svgapp.ai/mcp

codex mcp login svgapp

Or add it to ~/.codex/config.toml:

[mcp_servers.svgapp]

url = "https://web.svgapp.ai/mcp"

Full guide

Cline

Add the server to cline_mcp_settings.json, then authenticate it in Cline's MCP servers view:

"mcpServers": { "svgapp": { "type": "streamableHttp", "url": "https://web.svgapp.ai/mcp" } } }

Agents can follow llms-install.md to set this up for you.

Windsurf and other clients

Any client that supports remote MCP servers with OAuth can connect to https://web.svgapp.ai/mcp. For Windsurf, add the server to ~/.codeium/windsurf/mcp_config.json:

"mcpServers": { "svgapp": { "serverUrl": "https://web.svgapp.ai/mcp" } } }

Check the connection

Ask your agent:

List my svgapp workspaces and mascots. Don't generate anything.

This calls list_workspaces and list_mascots, which only read data. A new account returns an empty mascot list.

What you can ask for

"Create a friendly mascot for this app that matches our brand colors."
"Generate our mascot looking confused, for the 404 page, and add it to the not-found route."
"Make an empty-state illustration for the projects list with our mascot holding an empty folder."
"Animate the mascot waving for the onboarding welcome screen, as a loop."
"Vectorize the celebrating pose and save it as an SVG in src/assets/mascot/."

Tools

Tool	What it does
`init_svgapp_config`	Creates `svgapp.conf.json` in your project with the default art style
`list_art_styles`	Lists the available art styles
`create_color_palette`	Saves your brand colors so every asset matches them
`create_mascot`	Creates a reusable mascot from a description
`list_mascots`	Lists the mascots in your workspace
`generate_mascot_pose`	Draws the same mascot in a new pose, emotion or UI state
`create_mascot_animation`	Animates a mascot, optionally between two poses, as transparent WebM
`generate_composition` / `create_generation`	Generates a standalone illustration (hero, feature, empty state, diagram)
`remove_image_background`	Makes an image transparent so it sits cleanly on any UI background
`vectorize_image`	Converts a finished image to SVG
`get_generation_status` / `get_generated_asset` / `list_recent_generations`	Tracks generations, which run asynchronously
`list_workspaces`	Lists your workspaces; every tool accepts an optional workspace

Generations use your workspace's plan allowance. See pricing.

Agent skills

The skills/ folder has workflow instructions that help agents use the tools well:

Skill	Use it to
`create-mascot`	Set up the project config, create a mascot and generate consistent poses
`animate-mascot`	Turn a mascot or pose into a transparent animation
`add-assets-to-app`	Download finished assets and use them in your UI

Install them with the skills CLI:

npx skills add xz3dev/svgapp-mcp

Skills only add instructions. Connect the MCP server as shown above so the agent can use the tools.

Cursor plugin

This repository is also a Cursor plugin (.cursor-plugin/plugin.json) that bundles the skills and the server config. For a local install, copy the whole directory to ~/.cursor/plugins/local/svgapp, reload Cursor and enable svgapp.ai under Customize.

Troubleshooting

Sign-in fails or loops: remove any old Authorization header or bearer_token_env_var from your config. Earlier versions used static tokens, which no longer work. Then sign in again.
"No SVG App account found for this login": sign in to svgapp.ai/app once to finish setting up your account, then reconnect.
Plan or allowance errors: the error names the workspace settings page where you can upgrade.

Free tools (no account needed)

Free mascot generator
Animated mascot library: free for commercial use, no attribution
Palette generator
Style preset tool

License

The configuration and skills in this repository are MIT licensed. Use of the svgapp.ai service is governed by the terms.

svgapp.ai

Overview

PopNx MCP’s three pillars

What you can do with it

Install

Before you install

What it can do

Basic checksi

Maker matches the repo

Still maintained

Has a licence

Endpoint responds

Sign-in with OAuth

No hidden instructions in tool descriptions

Compared with others in Otheri

Common questions

Alternatives

Spec Driven Development

Remote Desktop Commander

ChargingNear.me

README from the maker

svgapp.ai MCP server and agent skills

Connect

Claude Code

Cursor

Codex

Cline

Windsurf and other clients

Check the connection

What you can ask for

Tools

Agent skills

Cursor plugin

Troubleshooting

Free tools (no account needed)

License