Supports configuration through environment variables stored in .env files for API keys, rate limits, and base URL settings
Used for package management and running server commands through npm scripts
Enables programmatic generation of SVG images from text prompts with customizable quality and aspect ratio, and saving them to the local filesystem
Provides full type safety with TypeScript support for the MCP server implementation
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
- Clone this repository
- Install dependencies:
- Copy the environment template:
- Edit
.env
and add your SVGMaker API key:
Building
Running
For development with auto-reload:
Configuration
The following environment variables can be configured in your .env
file:
SVGMMAKER_API_KEY
(required): Your SVGMaker API key for authenticationSVGMMAKER_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 generateoutput_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 ratiohigh
: Uses square aspect ratio by default
aspectRatio
(optional): Override aspect ratio -"square"
,"portrait"
, or"landscape"
Example:
Testing with MCP Inspector
You can test the server using the MCP Inspector:
Claude Desktop Configuration
To use this server with Claude Desktop, add the following to your claude_desktop_config.json
:
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
This server cannot be installed
Enables LLMs to programmatically generate, edit, and convert SVG images using the SVGMaker API and save them to the local filesystem.
Related MCP Servers
- -securityFlicense-qualityUpload, edit, and generate videos from everyone's favorite LLM and Video Jungle.Last updated -142Python
- -securityAlicense-qualityA 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 -17PythonApache 2.0
- -securityAlicense-qualityA Model Context Protocol server that provides tools for converting SVG code to high-quality PNG and JPG images with detailed customization options.Last updated -234JavaScriptMIT License
- -securityFlicense-qualityA 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 -1Python