MCPgee
MCPgee
MCPgeeMCPgee

SVGMaker

v1.0.0•Developer Tools•stable

Model Context Protocol server for SVGMaker - AI-powered SVG generation and editing. Seamlessly integrate SVG creation into AI workflows.

svgmaker-mcp-servermcpai-integration
Share:
72
Stars
0
Downloads
0
Weekly
0/5
View on GitHub

What is SVGMaker?

SVGMaker is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to model context protocol server for svgmaker - ai-powered svg generation and editing. seamlessly integrate svg creation into ai workflows.

Model Context Protocol server for SVGMaker - AI-powered SVG generation and editing. Seamlessly integrate SVG creation into AI workflows.

This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • Model Context Protocol server for SVGMaker - AI-powered SVG

Use Cases

Generate and edit SVG graphics through AI-powered interface.
Integrate SVG creation into AI workflows.
GenWaveLLC

Maintainer

LicenseMIT License
Languagetypescript
Versionv1.0.0
UpdatedMay 20, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux
View SourceBrowse All Servers

Installation

Manual Installation

npx svgmaker-mcp-server

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use SVGMaker

SVGMaker MCP Server connects AI assistants to the SVGMaker API, enabling them to generate, edit, and vectorize SVG graphics through natural language. It exposes tools for creating SVGs from text descriptions, editing existing SVGs with style controls, and converting raster images to vector format. Developers and designers can integrate professional-quality SVG creation directly into their AI workflows without leaving their coding environment.

Prerequisites

  • Node.js 18 or later installed
  • An SVGMaker account with an API key from https://svgmaker.io/account
  • An MCP-compatible client such as Claude Desktop or Claude Code
1

Obtain your SVGMaker API key

Sign in to your SVGMaker account and navigate to the account settings page at https://svgmaker.io/account to generate an API key. Keep this key secure as it authenticates all requests to the SVGMaker API.

2

Install the MCP server package

Install the SVGMaker MCP server globally using npm so it is available as a command in your PATH.

npm install -g @genwave/svgmaker-mcp
3

Configure your MCP client

Add the server to your MCP client configuration file (claude_desktop_config.json for Claude Desktop). Set the SVGMAKER_API_KEY environment variable to your API key.

{
  "mcpServers": {
    "svgmaker": {
      "command": "npx",
      "args": ["svgmaker-mcp-server"],
      "env": {
        "SVGMAKER_API_KEY": "your_svgmaker_api_key_here"
      }
    }
  }
}
4

Restart your MCP client

Restart Claude Desktop or reload your MCP client so it picks up the new server configuration. The SVGMaker tools will appear in the available tools list.

5

Generate your first SVG

Ask your AI assistant to generate an SVG using natural language. The server's svgmaker_generate tool accepts a prompt plus optional style parameters including quality, aspect ratio, background, art style, and color mode.

SVGMaker Examples

Client configuration

Add this to your claude_desktop_config.json to enable the SVGMaker MCP server with your API key.

{
  "mcpServers": {
    "svgmaker": {
      "command": "npx",
      "args": ["svgmaker-mcp-server"],
      "env": {
        "SVGMAKER_API_KEY": "your_svgmaker_api_key_here"
      }
    }
  }
}

Prompts to try

Example prompts you can use once the server is connected to your AI assistant.

- "Generate an SVG of a minimalist mountain landscape with a transparent background"
- "Create a high-quality SVG logo with bold geometric shapes in blue and white"
- "Edit this SVG file to change the color scheme to warm earth tones"
- "Vectorize this PNG image and save it as an SVG"
- "Show me my recent SVG generations and let me download the latest one"

Troubleshooting SVGMaker

Error: SVGMAKER_API_KEY is not set or invalid

Ensure the SVGMAKER_API_KEY environment variable is correctly set in your MCP client config. Verify the key is valid by logging into https://svgmaker.io/account and checking your API credentials.

npx svgmaker-mcp-server command not found

Install the package globally with 'npm install -g @genwave/svgmaker-mcp' or use the full npx invocation 'npx @genwave/svgmaker-mcp' in your configuration args.

Rate limit errors when generating many SVGs

SVGMaker enforces API rate limits. Slow down requests, upgrade your SVGMaker plan for higher limits, or check your usage statistics via the account info tool exposed by the server.

Frequently Asked Questions about SVGMaker

What is SVGMaker?

SVGMaker is a Model Context Protocol (MCP) server that model context protocol server for svgmaker - ai-powered svg generation and editing. seamlessly integrate svg creation into ai workflows. It connects AI assistants to external tools and data sources through a standardized interface.

How do I install SVGMaker?

Follow the installation instructions on the SVGMaker GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.

Which AI clients work with SVGMaker?

SVGMaker works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is SVGMaker free to use?

Yes, SVGMaker is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.

Learn More About MCP Servers

Getting Started with MCP

Set up your first MCP server in minutes

MCP Setup Guide

Configure MCP in Claude, Cursor & VS Code

All MCP Tutorials

18+ hands-on guides for developers

MCP FAQ

40+ answers about Model Context Protocol

SVGMaker Alternatives — Similar Developer Tools Servers

Looking for alternatives to SVGMaker? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.

Ecc

★ 188.2k

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Javaguide

★ 155.8k

Java 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发

Gemini CLI

★ 104.5k

A secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in

Awesome MCP Servers

★ 87.3k

⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.

MCP Servers

★ 86.0k

Model Context Protocol Servers

CC Switch

★ 77.5k

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io

Browse More Developer Tools MCP Servers

Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Developer ToolsBrowse All Servers

Quick Config Preview

{ "mcpServers": { "svgmaker-mcp-server": { "command": "npx", "args": ["-y", "svgmaker-mcp-server"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use SVGMaker?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides
Explore All ServersRead Our Guides