svgapp.ai

Name: svgapp.ai
Author: xz3dev

作者：xz3devバージョン 1.1.2i★ –iクラウドで動く

レジストリ名io.github.Xyz3R/svgapp

インストール

概要

作者による説明（英語の原文）

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

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
私たちの基本チェックi3項目中2項目に合格公開情報からチェック。コードはまだスキャンしていません
利用状況iとても新しい★ –

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

接続方法: クラウドで動く
トランスポート: Streamable HTTP
カテゴリ: その他

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

基本チェック：3項目中2項目に合格
作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
レジストリには、入力が必要なキーは載っていません。

必要なもの

クラウドで動くインストール不要。インターネット経由でつながります

どのアプリを使っていますか？

ClaudeClaude CodeCursorVS CodeChatGPT

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

ウェブ、デスクトップ、モバイルのClaudeで使えます：

Settings → Connectors を開く
Add custom connector を押す
下のアドレスを貼り付けて Add を押す
サインインを求められたら、作者のサービスにサインインする

https://web.svgapp.ai/mcp

ターミナルでこれを実行します

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

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

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

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

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

ChatGPTがつなげるのは、インターネット上のサーバーだけです：

ウェブ版のChatGPTを開き → Settings → Connectors (Apps)
Create または Add を押す（プランによっては、先に Advanced で Developer mode をオンにする必要があります）
下のアドレスを貼り付け、名前を付けて保存する
サインインを求められたら、作者のサービスにサインインする

https://web.svgapp.ai/mcp

メニューの名前は、プランや時期によって少し違うことがあります。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

できること

このサーバーは、ツール一覧を表示する前にサインインを求めます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック

! 注意
作者とリポジトリが一致
公開者（Xyz3R）がリポジトリの所有者（xz3dev）ではありません。別の人が登録した可能性があります
… 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
… 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
✓ 合格
エンドポイントが応答する
325ミリ秒で応答（HTTP 401）
✓ 合格
OAuthでサインイン
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
… 未チェック
ツールの説明に隠れた指示がない
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

その他のほかのサーバーとの比較i

このカテゴリのほかの18444件のうち0%よりスターが多い
このカテゴリのほかの18444件のうち96%より最近レジストリに公開
基本チェックの結果が、このカテゴリのほかの18444件のうち36%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

svgapp.aiは安全ですか？

当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか？

レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。

パソコンで動きますか、それともクラウドですか？

作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。

今もメンテナンスされていますか？

GitHubリポジトリの最終更新は–、最新バージョン（1.1.2）がレジストリに届いたのは一昨日です。

どのアプリで使えますか？

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ（開発者モードのChatGPTなど）でも使えます。

代わりに使えるものは？

同じカテゴリには：Spec Driven Development, Remote Desktop Commander, Tethered Trust

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

Spec Driven Development

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

作者：formulahendry初期↓ 66/週★ 44014 か月前更新

パソコンで動く

インストール

Remote Desktop Commander

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

作者：desktop-commander成長中★ 2113 日前更新

クラウドで動く✓ desktopcommander.app

インストール

Tethered Trust

Fit, compatibility and recall checks for AI agents before they buy: verdicts, evidence, receipts.

作者：tetheredtrust.comとても新しい今日更新

クラウドで動く✓ tetheredtrust.com

インストール

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

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

概要

PopNx MCPの3つの柱

できること

インストール

インストールの前に

できること

基本チェックi

作者とリポジトリが一致

今もメンテナンスされている

ライセンスがある

エンドポイントが応答する

OAuthでサインイン

ツールの説明に隠れた指示がない

その他のほかのサーバーとの比較i

よくある質問

代わりの候補

Spec Driven Development

Remote Desktop Commander

Tethered Trust

作者のREADME

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