SVGMaker MCP Server

AI-powered asset generation for your development workflow

View on GitHub
Developer Experience

Your Workflow, Transformed

See how SVGMaker MCP changes the game when you need assets for your projects

Traditional Workflow

The struggle is real

1

Need an icon? Stop coding.

Break your flow to search through icon libraries

2

Browse for 30+ minutes

Scroll through thousands of generic icons that don't match your style

3

Settle for "good enough"

Use placeholder icons that clash with your design

4

Try to remember where you left off

Lost your coding momentum and creative flow

Total time wasted: 45+ minutes

SVGMaker MCP Workflow

Pure coding bliss

1

Keep coding, mention assets

Simply describe your project and add "use svgmaker"

2

AI detects your needs

Smart analysis identifies exactly what assets you need

3

Perfect assets generated

Custom SVGs that match your exact style and branding

4

Assets auto-placed in code

Files organized, imports added, ready to use immediately

Total time spent: 30 seconds

98% Faster

Asset creation and integration

100% Match

Your brand and style guidelines

Zero Interruption

To your coding flow and focus

Simple Process

How It Works

Just mention what you're building and add use svgmaker - the AI will automatically detect where assets are needed

Example Commands:

Build a landing page for a coffee shop with hero section and features. use svgmaker for assets
Create a dashboard with navigation icons and data visualization charts. use svgmaker for assets
1

Describe your project

Tell the AI what kind of website or component you're building

2

AI detects asset needs

SVGMaker automatically identifies where icons, illustrations, or graphics are needed

3

Assets auto-generated

Perfect assets are created and placed in your code with proper file structure

Intelligent Features

Smart Asset Generation

Generate assets that perfectly fit your project's needs and aesthetic

Context-Aware Generation

Understands your project type and generates appropriate assets for landing pages, dashboards, portfolios, and more

Style Consistency

Automatically matches your website's color scheme, design style, and brand aesthetic across all generated assets

Proper File Organization

Creates organized asset folders, optimized file names, and proper import statements in your project structure

Responsive & Optimized

Generates assets in multiple sizes, formats, and variants for different screen sizes and use cases

Quick Setup

Installation

Get started in minutes with our simple configuration for your favorite editor

Cursor
Recommended

Add this to your Cursor ~/.cursor/mcp.json file:

{ "mcpServers": { "svgmaker": { "command": "npx", "args": ["-y", "@genwave/svgmaker-mcp"], "env": { "SVGMAKER_API_KEY": "<your_api_key>" } } } }

Or manually add this to your VS Code MCP config file:

{ "servers": { "svgmaker": { "type": "stdio", "command": "npx", "args": ["-y", "@genwave/svgmaker-mcp"], "env": { "SVGMAKER_API_KEY": "<your_api_key>" } } } }

Ready to supercharge your vibe coding?

Install SVGMaker MCP in your favorite editor and start creating amazing assets with AI assistance. No more interruptions, just pure coding flow.

SVGMaker MCP Server is currently in beta. Sign up for early access and updates.