svgmaker

SVGMaker MCP Server exposes a set of tools to generate, edit, and convert SVG images via natural language prompts. The server runs as a Node.js-based MCP service that communicates through the Model Context Protocol (MCP). You can use it to generate SVGs from text prompts, refine or edit existing SVGs with descriptive requests, and convert raster images into scalable vector graphics. Each tool supports style controls such as quality, color mode, and layout, enabling you to tailor output for icons, illustrations, or diagrams. Typical workflows include generating logos from a short brief, editing an existing SVG to adjust color or shape, and vectorizing a bitmap image for scalable use. The server is designed to integrate with various clients (CLAUDE, Cursor, VS Code, WindSurf, Zed, etc.) through standard MCP transport and environment-variable configurations.

Prerequisites:

• Node.js 18.0.0 or newer
• npm 7.0.0 or newer
• Access to SVGMaker API key

Install the MCP server package:

# Using npm
npm install @genwave/svgmaker-mcp

or using npx directly (to run without installing locally):

npx -y @genwave/svgmaker-mcp

Configure your environment:

# Create a .env file or set environment variables in your runtime environment
SVGMAKER_API_KEY=your_api_key_here

Start the server (example with npx):

npx svgmaker-mcp

Verify installation by requesting a help or health endpoint as documented by the MCP server you are using. You should see the available tools: svgmaker_generate, svgmaker_edit, and svgmaker_convert, with capabilities described in the repository readme.

Environment variables and API keys should be kept secure. When integrating with third-party clients (Claude, Cursor, VS Code, WindSurf, Zed), ensure the transport is set to stdio or your preferred MCP channel and that SVGMAKER_API_KEY is provided. If you encounter rate-limit errors, consider adjusting SVGMaker rate limit configurations or batching requests. The server supports type-safe configurations and can be wired into your CI/CD pipelines for automated SVG generation. When using image-to-SVG conversion, provide clear input paths and desired output paths to avoid overwriting assets unintentionally. If the API base URL needs customization, set SVGMAKER_BASE_URL accordingly.