svgapp.ai

Name: svgapp.ai
Author: xz3dev

โดย xz3devรุ่น 1.1.2i★ –iรันบนคลาวด์

ชื่อใน registryio.github.Xyz3R/svgapp

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

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

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

เสียงผู้ใช้iยังไม่มีรีวิวรีวิวเปิดพร้อมระบบบัญชีในขั้นถัดไป
ผลตรวจเบื้องต้นของเราiผ่าน 2 จาก 3 ข้อตรวจจากข้อมูลที่เปิดอยู่ ยังไม่ได้สแกนโค้ด
การใช้งานiยังไม่ได้วัด★ –

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

การเชื่อมต่อ: รันบนคลาวด์
ช่องทาง (transport): Streamable HTTP
หมวด: อื่น ๆ

ติดตั้ง

เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง

ก่อนติดตั้ง

ผลตรวจเบื้องต้น: ผ่าน 2 จาก 3 ข้อ
รันบนเครื่องของผู้ทำ สิ่งที่คุณถามจะผ่านเครื่องของเขา
ทะเบียนไม่ได้ระบุ key ที่ต้องใส่

ต้องเตรียมก่อน

รันบนคลาวด์ไม่ต้องลงโปรแกรมเพิ่ม ต่อผ่านอินเทอร์เน็ตได้เลย

คุณใช้แอปไหน

ClaudeClaude CodeCursorVS CodeChatGPT

เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”

ใช้ได้ทั้ง Claude บนเว็บ แอปคอมพิวเตอร์ และมือถือ:

เปิด Settings → Connectors
กด Add custom connector
วางที่อยู่ด้านล่างแล้วกด Add
ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ

https://web.svgapp.ai/mcp

พิมพ์คำสั่งนี้ใน Terminal

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"
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

เปิดใน VS Code

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .vscode/mcp.json ของโปรเจกต์

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

ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:

เปิด ChatGPT บนเว็บ → Settings → Connectors (Apps)
กด Create หรือ Add (บางแพ็กเกจต้องเปิด Developer mode ใน Advanced ก่อน)
วางที่อยู่ด้านล่าง ตั้งชื่อ แล้วบันทึก
ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ

https://web.svgapp.ai/mcp

ชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

server ให้ล็อกอินก่อนจึงจะแสดงรายการเครื่องมือ

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569

! ควรระวัง
ตัวตนผู้ทำตรงกับ repo
ผู้ลงทะเบียน (Xyz3R) ไม่ใช่เจ้าของ repo (xz3dev) อาจเป็นคนอื่นที่นำมาลงต่อ
… ยังไม่ตรวจ
ยังมีคนดูแล
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
… ยังไม่ตรวจ
มีสัญญาอนุญาต (license)
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
✓ ผ่าน
endpoint ตอบ
ตอบกลับใน 325 ms (HTTP 401)
✓ ผ่าน
ล็อกอินแบบ OAuth
ประกาศวิธีล็อกอินแบบ OAuth ให้โปรแกรม AI พาไปล็อกอินเอง
… ยังไม่ตรวจ
คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint

เทียบกับตัวอื่นในหมวด อื่น ๆi

ดาวมากกว่า 0% ของอีก 18349 ตัวในหมวดนี้
ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 96% ของอีก 18349 ตัวในหมวดนี้
ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 36% ของอีก 18349 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

svgapp.ai ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 2 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

รันบนคลาวด์ของผู้ทำ ต่อผ่านอินเทอร์เน็ตได้เลย ไม่ต้องลงโปรแกรม แต่ข้อมูลที่ส่งให้จะผ่านเซิร์ฟเวอร์ของผู้ทำ

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.1.2) เข้า registry เมื่อวาน

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, arr-mcp

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Spec Driven Development

โดย formulahendry

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

รันบนเครื่อง★ 440MITอัปเดต 14 เดือนที่ผ่านมา

ติดตั้ง

Remote Desktop Commander

โดย desktop-commander

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

รันบนคลาวด์★ 211อัปเดต เมื่อวานซืน

ติดตั้ง

arr-mcp

โดย bardesss

One server, 40 tools, the whole media stack: *arrs, Jellyfin, Plex, Seerr, Cleanuparr, downloaders

รันบนเครื่องอัปเดต วันนี้

ติดตั้ง

README จากผู้ทำ

เปิดอ่าน README

ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ 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

ใช้ทำอะไรได้

ติดตั้ง

ก่อนติดตั้ง

ทำอะไรได้บ้าง

ผลตรวจเบื้องต้นi

ตัวตนผู้ทำตรงกับ repo

ยังมีคนดูแล

มีสัญญาอนุญาต (license)

endpoint ตอบ

ล็อกอินแบบ OAuth

คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

เทียบกับตัวอื่นในหมวด อื่น ๆi

คำถามที่พบบ่อย

ตัวที่ใช้แทนได้

Spec Driven Development

Remote Desktop Commander

arr-mcp

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