SVGMaker

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

typescript

GitHub Stars

typescript

Language

6 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "genwavellc-svgmaker-mcp": {
      "command": "npx",
      "args": [
        "svgmaker-mcp"
      ],
      "env": {
        "SVGMAKER_DEBUG": "false",
        "SVGMAKER_API_KEY": "YOUR_API_KEY",
        "SVGMAKER_BASE_URL": "https://api.svgmaker.io",
        "SVGMMAKER_RATE_LIMIT_RPM": "2"
      }
    }
  }
}

You can run and use the SVGMaker MCP Server to generate, edit, and convert SVG graphics through the SVGMaker API. This server exposes practical MCP endpoints you can invoke from supported MCP clients to automate vector graphics tasks with security, real-time updates, and type-safe tooling.

How to use

To use the SVGMaker MCP Server, start the server locally and connect an MCP client that supports the MCP protocol. You can generate SVGs from text prompts, edit existing SVG files with natural language, and convert raster images to scalable vector graphics. Ensure you set your SVGMaker API key as part of the environment so the server can access the API.

How to install

Prerequisites you need before installation: Node.js version 18.0.0 or higher, npm version 7.0.0 or higher, and an SVGMaker API key. Follow these steps exactly to install and run the MCP server.

# Using npm
npm install @genwave/svgmaker-mcp

# Basic environment setup and starting the server
SVGMAKER_API_KEY="your_api_key_here"

# Start the MCP server
npx svgmaker-mcp

Configuration and usage notes

You configure the server by providing your SVGMaker API key and then running the MCP server. The server exposes tools to generate, edit, and convert SVGs with options for quality, style, and output paths.

Environment variable you need to provide:

SVGMAKER_API_KEY: Your SVGMaker API key. This key authorizes API requests made by the MCP server.

# Example environment setup and startup
SVGMAKER_API_KEY="your_api_key_here"
npx svgmaker-mcp

Security and safety considerations

The MCP server includes path validation and input sanitization to prevent unsafe file operations. Always use trusted API keys and avoid exposing API keys in publicly accessible environments.

Troubleshooting tips

If the server fails to start, verify your Node.js and npm versions, ensure the API key is correct, and check log output for any authentication or network issues.

Available tools

svgmaker_generate

Generate SVG images from text prompts with configurable style, quality, color mode, and output options.

svgmaker_edit

Edit existing SVGs or images using natural language prompts with styling and output controls.

svgmaker_convert

Convert raster images to vector SVGs using AI-powered vectorization.

Built by

VeilStrat

AI signals for GTM teams