Skip to main content
Glama

SVGMaker MCP Server

by GenWaveLLC

SVGMaker MCP Server

An MCP (Model Context Protocol) server that enables LLMs to programmatically generate, edit, and convert SVG images using the SVGMaker API and save them to the local filesystem.

Features

  • SVG Generation: Generate SVG images from text prompts with customizable quality and aspect ratio
  • Secure File Operations: Built-in path validation and security checks
  • Rate Limiting: Configurable API rate limiting (default: 2 requests per minute)
  • TypeScript: Full TypeScript support with type safety

Installation

  1. Clone this repository
  2. Install dependencies:
    npm install
  3. Copy the environment template:
    cp .env.example .env
  4. Edit .env and add your SVGMaker API key:
    SVGMMAKER_API_KEY="your_actual_api_key_here" # Optional: Custom base URL and rate limit # SVGMMAKER_BASE_URL="https://svgmaker.io/api" # SVGMMAKER_RATE_LIMIT_RPM="2"

Building

npm run build

Running

npm start

For development with auto-reload:

npm run dev

Configuration

The following environment variables can be configured in your .env file:

  • SVGMMAKER_API_KEY (required): Your SVGMaker API key for authentication
  • SVGMMAKER_RATE_LIMIT_RPM (optional): Rate limit in requests per minute (default: 2)
  • SVGMMAKER_BASE_URL (optional): Custom base URL for the SVGMaker API (default: https://svgmaker.io/api)

Tools Available

svgmaker_generate

Generates an SVG image from a text prompt and saves it to a specified local path.

Parameters:

  • prompt (required): Text description of the SVG to generate
  • output_path (required): Local file path where the SVG will be saved (must end with .svg)
  • quality (optional): Quality level - "low", "medium", or "high"
    • low/medium: Uses automatic aspect ratio
    • high: Uses square aspect ratio by default
  • aspectRatio (optional): Override aspect ratio - "square", "portrait", or "landscape"

Example:

{ "prompt": "A simple blue circle with a red border", "output_path": "./generated_circle.svg", "quality": "high", "aspectRatio": "square" }

Testing with MCP Inspector

You can test the server using the MCP Inspector:

npx @modelcontextprotocol/inspector node build/index.js

Claude Desktop Configuration

To use this server with Claude Desktop, add the following to your claude_desktop_config.json:

{ "mcpServers": { "svgmaker": { "command": "node", "args": ["/absolute/path/to/your/svgmaker-mcp-server/build/index.js"], "env": { "SVGMMAKER_API_KEY": "your_api_key_here" } } } }

Security

  • Basic path validation prevents access to system directories
  • File operations are restricted to safe locations
  • All user inputs are validated before processing

Development Roadmap

  • Phase 1: Basic SVG generation tool
  • Phase 2: Add edit and convert tools
  • Phase 3: Enhanced error handling and progress notifications
  • Phase 4: Complete documentation and NPM packaging

License

MIT

-
security - not tested
F
license - not found
-
quality - not tested

Enables LLMs to programmatically generate, edit, and convert SVG images using the SVGMaker API and save them to the local filesystem.

  1. Features
    1. Installation
      1. Building
        1. Running
          1. Configuration
            1. Tools Available
              1. svgmaker_generate
            2. Testing with MCP Inspector
              1. Claude Desktop Configuration
                1. Security
                  1. Development Roadmap
                    1. License

                      Related MCP Servers

                      • -
                        security
                        F
                        license
                        -
                        quality
                        Upload, edit, and generate videos from everyone's favorite LLM and Video Jungle.
                        Last updated -
                        142
                        Python
                        • Apple
                      • -
                        security
                        A
                        license
                        -
                        quality
                        A comprehensive toolkit that enhances LLM capabilities through the Model Context Protocol, allowing LLMs to interact with external services including command-line operations, file management, Figma integration, and audio processing.
                        Last updated -
                        17
                        Python
                        Apache 2.0
                        • Linux
                        • Apple
                      • -
                        security
                        A
                        license
                        -
                        quality
                        A Model Context Protocol server that provides tools for converting SVG code to high-quality PNG and JPG images with detailed customization options.
                        Last updated -
                        234
                        JavaScript
                        MIT License
                        • Apple
                      • -
                        security
                        F
                        license
                        -
                        quality
                        A Model Context Protocol server that converts SVG code to PNG images, offering two conversion methods (CairoSVG and Inkscape) with support for custom working directories.
                        Last updated -
                        1
                        Python
                        • Linux
                        • Apple

                      View all related MCP servers

                      MCP directory API

                      We provide all the information about MCP servers via our MCP API.

                      curl -X GET 'https://glama.ai/api/mcp/v1/servers/GenWaveLLC/svgmaker-mcp'

                      If you have feedback or need assistance with the MCP directory API, please join our Discord server