Navigation
Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows - MCP Implementation

Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows

Generate custom images & SVG assets that mirror your coding project's vibe. AI-powered design automation tailored for developer workflows." )

Developer Tools
4.2(79 reviews)
118 saves
55 comments

Users create an average of 23 projects per month with this tool

About Replicate Flux MCP

What is Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows?

Replicate Flux MCP is a developer-centric toolkit integrating AI-driven image and vector graphics generation. Built on the Model Context Protocol (MCP) framework, it provides programmatic access to state-of-the-art models like Flux Schnell for high-quality raster images and Recraft V3 SVG for scalable vector graphics. The solution streamlines integration with developer workflows through standardized API interactions, environment configurations, and resource management capabilities.

How to use Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows?

  1. Set environment variables with your Replicate API token
  2. Configure client connection using MCP server definitions
  3. Invoke generation tools via structured payloads:
                    
                        {
                            "tool": "generate_svg",
                            "payload": {
                                "prompt": "Modern office interior",
                                "size": "1500x1000",
                                "style": "line_art"
                            }
                        }
                    
                
  4. Access historical records through built-in resource endpoints

Replicate Flux MCP Features

Key Features of Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows?

  • Dual model support: Photorealistic raster output (Flux Schnell) + editable vector graphics (Recraft V3 SVG)
  • Batch processing capabilities for multiple prompts and variant generations
  • Configurable safety filters with explicit disable options
  • TypeScript SDK with Zod validation for API requests
  • Integrated prediction history tracking and retrieval
  • Cloud-native architecture with Replicate API integration

Use cases of Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows?

Typical applications include:

  • UI/UX prototyping with scalable vector assets
  • Dynamic content generation for web/mobile apps
  • Automated design variations for marketing materials
  • Technical illustration creation with style customization
  • CI/CD pipelines for AI-powered asset generation

Replicate Flux MCP FAQ

FAQ from Replicate Flux MCP: AI-Powered SVG Design for Developer Workflows?

How do I resolve authentication errors?
Verify your Replicate API token is correctly set in environment variables
Can I customize model parameters beyond the defaults?
All generation parameters are configurable through tool payloads, including advanced options like denoising strength
What formats are supported for image outputs?
Flux produces JPEG/PNG while SVG model generates editable vector files in SVG format
How is prediction history managed?
Access up to 50 most recent entries through the predictionlist resource endpoint
Can I deploy this in production environments?
Yes, supports configuration tuning for concurrent requests and timeout management

Content

Replicate Flux MCP

MCP Compatible License TypeScript Model Context Protocol smithery badge NPM Downloads Stars

Replicate Flux MCP is an advanced Model Context Protocol (MCP) server that empowers AI assistants to generate high-quality images and vector graphics. Leveraging Black Forest Labs' Flux Schnell model for raster images and Recraft's V3 SVG model for vector graphics via the Replicate API.

📑 Table of Contents

  • Getting Started & Integration
    • Setup Process
    • Cursor Integration
    • Claude Desktop Integration
    • Smithery Integration
    • Glama.ai Integration
  • Features
  • Documentation
    • Available Tools
    • Available Resources
  • Development
  • Technical Details
  • Troubleshooting
  • Contributing
  • License
  • Resources
  • Examples

🚀 Getting Started & Integration

Setup Process

  1. Obtain a Replicate API Token
* Sign up at [Replicate](https://replicate.com/)
* Create an API token in your account settings
  1. Choose Your Integration Method
* Follow one of the integration options below based on your preferred MCP client
  1. Ask Your AI Assistant to Generate an Image
* Simply ask naturally: "Can you generate an image of a serene mountain landscape at sunset?"
* Or be more specific: "Please create an image showing a peaceful mountain scene with a lake reflecting the sunset colors in the foreground"
  1. Explore Advanced Features
* Try different parameter settings for customized results
* Experiment with SVG generation using `generate_svg`
* Use batch image generation or variant generation features

Cursor Integration

Method 1: Using mcp.json

  1. Create or edit the .cursor/mcp.json file in your project directory:
{
  "mcpServers": {
    "replicate-flux-mcp": {
      "command": "env REPLICATE_API_TOKEN=YOUR_TOKEN npx",
      "args": ["-y", "replicate-flux-mcp"]
    }
  }
}
  1. Replace YOUR_TOKEN with your actual Replicate API token
  2. Restart Cursor to apply the changes

Method 2: Manual Mode

  1. Open Cursor and go to Settings
  2. Navigate to the "MCP" or "Model Context Protocol" section
  3. Click "Add Server" or equivalent
  4. Enter the following command in the appropriate field:
env REPLICATE_API_TOKEN=YOUR_TOKEN npx -y replicate-flux-mcp
  1. Replace YOUR_TOKEN with your actual Replicate API token
  2. Save the settings and restart Cursor if necessary

Claude Desktop Integration

  1. Create or edit the mcp.json file in your configuration directory:
{
  "mcpServers": {
    "replicate-flux-mcp": {
      "command": "npx",
      "args": ["-y", "replicate-flux-mcp"],
      "env": {
        "REPLICATE_API_TOKEN": "YOUR TOKEN"
      }
    }
  }
}
  1. Replace YOUR_TOKEN with your actual Replicate API token
  2. Restart Claude Desktop to apply the changes

Smithery Integration

This MCP server is available as a hosted service on Smithery, allowing you to use it without setting up your own server.

  1. Visit Smithery and create an account if you don't have one
  2. Navigate to the Replicate Flux MCP server page
  3. Click "Add to Workspace" to add the server to your Smithery workspace
  4. Configure your MCP client (Cursor, Claude Desktop, etc.) to use your Smithery workspace URL

For more information on using Smithery with your MCP clients, visit the Smithery documentation.

Glama.ai Integration

This MCP server is also available as a hosted service on Glama.ai, providing another option to use it without local setup.

  1. Visit Glama.ai and create an account if you don't have one
  2. Go to the Replicate Flux MCP server page
  3. Click "Install Server" to add the server to your workspace
  4. Configure your MCP client to use your Glama.ai workspace

For more information, visit the Glama.ai MCP servers documentation.

🌟 Features

  • 🖼️ High-Quality Image Generation - Create stunning images using Flux Schnell, a state-of-the-art AI model
  • 🎨 Vector Graphics Support - Generate professional SVG vector graphics with Recraft V3 SVG model
  • 🤖 AI Assistant Integration - Seamlessly enable AI assistants like Claude to generate visual content
  • 🎛️ Advanced Customization - Fine-tune generation with controls for aspect ratio, quality, resolution, and more
  • 🔌 Universal MCP Compatibility - Works with all MCP clients including Cursor, Claude Desktop, Cline, and Zed
  • 🔒 Secure Local Processing - All requests are processed locally for enhanced privacy and security
  • 🔍 Comprehensive History Management - Track, view, and retrieve your complete generation history
  • 📊 Batch Processing - Generate multiple images from different prompts in a single request
  • 🔄 Variant Exploration - Create and compare multiple interpretations of the same concept
  • ✏️ Prompt Engineering - Fine-tune image variations with specialized prompt modifications

📚 Documentation

Available Tools

generate_image

Generates an image based on a text prompt using the Flux Schnell model.

{
  prompt: string;                // Required: Text description of the image to generate
  seed?: number;                 // Optional: Random seed for reproducible generation
  go_fast?: boolean;             // Optional: Run faster predictions with optimized model (default: true)
  megapixels?: "1" | "0.25";     // Optional: Image resolution (default: "1")
  num_outputs?: number;          // Optional: Number of images to generate (1-4) (default: 1)
  aspect_ratio?: string;         // Optional: Aspect ratio (e.g., "16:9", "4:3") (default: "1:1")
  output_format?: string;        // Optional: Output format ("webp", "jpg", "png") (default: "webp")
  output_quality?: number;       // Optional: Image quality (0-100) (default: 80)
  num_inference_steps?: number;  // Optional: Number of denoising steps (1-4) (default: 4)
  disable_safety_checker?: boolean; // Optional: Disable safety filter (default: false)
}

generate_multiple_images

Generates multiple images based on an array of prompts using the Flux Schnell model.

{
  prompts: string[];             // Required: Array of text descriptions for images to generate (1-10 prompts)
  seed?: number;                 // Optional: Random seed for reproducible generation
  go_fast?: boolean;             // Optional: Run faster predictions with optimized model (default: true)
  megapixels?: "1" | "0.25";     // Optional: Image resolution (default: "1")
  aspect_ratio?: string;         // Optional: Aspect ratio (e.g., "16:9", "4:3") (default: "1:1")
  output_format?: string;        // Optional: Output format ("webp", "jpg", "png") (default: "webp")
  output_quality?: number;       // Optional: Image quality (0-100) (default: 80)
  num_inference_steps?: number;  // Optional: Number of denoising steps (1-4) (default: 4)
  disable_safety_checker?: boolean; // Optional: Disable safety filter (default: false)
}

generate_image_variants

Generates multiple variants of the same image from a single prompt.

{
  prompt: string;                // Required: Text description for the image to generate variants of
  num_variants: number;          // Required: Number of image variants to generate (2-10, default: 4)
  prompt_variations?: string[];  // Optional: List of prompt modifiers to apply to variants (e.g., ["in watercolor style", "in oil painting style"])
  variation_mode?: "append" | "replace"; // Optional: How to apply variations - 'append' adds to base prompt, 'replace' uses variations directly (default: "append")
  seed?: number;                 // Optional: Base random seed. Each variant will use seed+variant_index
  go_fast?: boolean;             // Optional: Run faster predictions with optimized model (default: true)
  megapixels?: "1" | "0.25";     // Optional: Image resolution (default: "1")
  aspect_ratio?: string;         // Optional: Aspect ratio (e.g., "16:9", "4:3") (default: "1:1")
  output_format?: string;        // Optional: Output format ("webp", "jpg", "png") (default: "webp")
  output_quality?: number;       // Optional: Image quality (0-100) (default: 80)
  num_inference_steps?: number;  // Optional: Number of denoising steps (1-4) (default: 4)
  disable_safety_checker?: boolean; // Optional: Disable safety filter (default: false)
}

generate_svg

Generates an SVG vector image based on a text prompt using the Recraft V3 SVG model.

{
  prompt: string;                // Required: Text description of the SVG to generate
  size?: string;                 // Optional: Size of the generated SVG (default: "1024x1024")
  style?: string;                // Optional: Style of the generated image (default: "any")
                                // Options: "any", "engraving", "line_art", "line_circuit", "linocut"
}

prediction_list

Retrieves a list of your recent predictions from Replicate.

{
  limit?: number;  // Optional: Maximum number of predictions to return (1-100) (default: 50)
}

get_prediction

Gets detailed information about a specific prediction.

{
  predictionId: string;  // Required: ID of the prediction to retrieve
}

Available Resources

imagelist

Browse your history of generated images created with the Flux Schnell model.

svglist

Browse your history of generated SVG images created with the Recraft V3 SVG model.

predictionlist

Browse all your Replicate predictions history.

💻 Development

  1. Clone the repository:
git clone https://github.com/yourusername/replicate-flux-mcp.git
cd replicate-flux-mcp
  1. Install dependencies:
npm install
  1. Start development mode:
npm run dev
  1. Build the project:
npm run build
  1. Connect to Client:
{
  "mcpServers": {
    "image-generation-mcp": {
      "command": "npx",
      "args": [
        "/Users/{USERNAME}/{PATH_TO}/replicate-flux-mcp/build/index.js"
      ],
      "env": {
        "REPLICATE_API_TOKEN": "YOUR REPLICATE API TOKEN"
      }
    }
  }
}

⚙️ Technical Details

Stack

  • Model Context Protocol SDK - Core MCP functionality for tool and resource management
  • Replicate API - Provides access to state-of-the-art AI image generation models
  • TypeScript - Ensures type safety and leverages modern JavaScript features
  • Zod - Implements runtime type validation for robust API interactions

Configuration

The server can be configured by modifying the CONFIG object in src/config/index.ts:

const CONFIG = {
  serverName: "replicate-flux-mcp",
  serverVersion: "0.1.2",
  imageModelId: "black-forest-labs/flux-schnell",
  svgModelId: "recraft-ai/recraft-v3-svg",
  pollingAttempts: 25,
  pollingInterval: 2000, // ms
};

🔍 Troubleshooting

Common Issues

Authentication Error

  • Ensure your REPLICATE_API_TOKEN is correctly set in the environment
  • Verify your token is valid by testing it with the Replicate API directly

Safety Filter Triggered

  • The model has a built-in safety filter that may block certain prompts
  • Try modifying your prompt to avoid potentially problematic content

Timeout Error

  • For larger images or busy servers, you might need to increase pollingAttempts or pollingInterval in the configuration
  • Default settings should work for most use cases

🤝 Contributing

Contributions are welcome! Please follow these steps to contribute:

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

For feature requests or bug reports, please create a GitHub issue. If you like this project, consider starring the repository!

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🔗 Resources

🎨 Examples

Demo

Multiple Prompts Prompt Variants
Multiple prompts example: Variants example: Base prompt

Here are some examples of how to use the tools:

Batch Image Generation with generate_multiple_images

Create multiple distinct images at once with different prompts:

{
  "prompts": [
    "A red sports car on a mountain road", 
    "A blue sports car on a beach", 
    "A vintage sports car in a city street"
  ]
}

Image Variants with generate_image_variants

Create different interpretations of the same concept using seeds:

{
  "prompt": "A futuristic city skyline at night",
  "num_variants": 4,
  "seed": 42
}

Or explore style variations with prompt modifiers:

{
  "prompt": "A character portrait",
  "prompt_variations": [
    "in anime style", 
    "in watercolor style", 
    "in oil painting style", 
    "as a 3D render"
  ]
}

Made with ❤️ by Yaroslav Boiko

Related MCP Servers & Clients