svgapp.ai

io.github.Xyz3RPublished by GitHub account Xyz3Rv1.1.2Updated Nov 7, 2026

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

VerifiedStreamable HTTPWeb executableDeveloper Tools Media & Design

Server details

Identifier: io.github.Xyz3R/svgapp
Transport: Streamable HTTP
Runtime: Web executable
Trust: Verified
Published: Sep 16, 2026

Security note

MCP servers receive tool arguments from a conversation and may perform external actions. Review what a server can do before you enable it, and give it only the access it needs.

The registry verified the GitHub account Xyz3R for this listing. That does not show the account is the product's maker.

SourceWeft's checks cover whether the listing is complete and the endpoint answered; they do not review the server's code or what its tools do.

Add a badge to your README

Show readers this MCP server is listed on SourceWeft. The badge links to this page.

[![Listed on SourceWeft](https://sourceweft.com/badge/mcp/io.github.Xyz3R%2Fsvgapp.svg)](https://sourceweft.com/mcp/io.github.Xyz3R%2Fsvgapp?utm_source=readme&utm_medium=badge)

Overview

AI-generated overview

svgapp.ai lets an assistant create a brand mascot and generate consistent poses, illustrations and transparent animations for a product's UI.

What you can do: Create and list mascots, art styles and workspaces, and save brand color palettes
Generate new poses, emotions or UI states for an existing mascot
Animate a mascot, optionally between two poses, as transparent WebM
Generate standalone illustrations, remove image backgrounds and vectorize images to SVG
Track asynchronous generations and fetch finished assets
Write a project config file with the default art style
When to use it: Useful when building a product UI and you want an agent to produce a consistent mascot across onboarding, empty states, error pages and success messages, or to animate and export those assets into the project.
Requirements: A remote Streamable HTTP endpoint with OAuth sign-in; no API key or environment variables. You need an svgapp.ai account, created by signing in to the app once, and a client that supports remote MCP servers with OAuth. Generations draw on the workspace's plan allowance.

Before you install

Sign-in is OAuth and the client stores and refreshes the credentials; remove any old Authorization header or static token settings, which no longer work. Generations consume the workspace plan allowance, so heavy use may require an upgrade. Tools write files into your project and create assets in your workspace, and generated content is produced by a third-party hosted service.

Installation

In SourceWeft

Open svgapp.ai in the dashboard and add it to a workspace.
Connect the required credentials. They are stored privately and never shown on public pages.
Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/io.github.Xyz3R%2Fsvgapp/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config. The client completes OAuth sign-in on first connect.

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

README

[svgapp.ai logo]

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

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:

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

Codex

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

Full guide

Cline

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

json

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

{  "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:

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:

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.

Source: README.md at commit c576fe6

Tools

This server asks you to sign in, so SourceWeft could not read its tools without an account and has not indexed them. What a connected account sees can depend on that account and its permissions.

Version history

v1.1.2LatestNov 7, 2026
v1.0.0Sep 16, 2026

Score

85% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

Reached in the last 30 daysRequired25 pts
Auth declaredRequired10 pts
Tools listed15 pts
Answer tools/list without a credential, or ship a package that starts in a sandbox without one.
DescriptionRequired15 pts
Logo10 pts
Documentation15 pts
License10 pts