Image MCP + Cline

Add AI image generation to your VS Code workflow with Cline

🔑 API Key Required: Get your API key from the Dashboard to start generating images. Replace YOUR_API_KEY in the configuration below.

⚡ Quick Setup

Add Image MCP to Cline in seconds

Or add to settings.json:
{
  "cline.mcpServers": {
    "image-mcp": {
      "url": "https://imagemcp.io/api/mcp",
      "transport": "streamable-http",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}
Works in VS Code
Integrates with Cline AI
Generate images while coding
API key authentication
Supports all major models
Fast image delivery via CDN

Step-by-Step Guide

1

Get Your API Key

First, create an account and get your API key from the Dashboard. Each image generation costs 10 credits.

💡 New accounts receive free credits to get started.
2

Install Cline Extension

If you haven't already, install the Cline extension from the VS Code marketplace. It's a powerful AI coding assistant.

💡 Search for 'Cline' in VS Code Extensions (Cmd+Shift+X / Ctrl+Shift+X).
3

Open Cline Settings

Open VS Code Settings (Cmd+, / Ctrl+,) and search for 'Cline MCP' or navigate to the Cline extension settings.

4

Add MCP Server Configuration

Add Image MCP to your Cline MCP servers configuration with your API key. Replace YOUR_API_KEY with your actual key.

// In VS Code settings.json
{
  "cline.mcpServers": {
    "image-mcp": {
      "url": "https://imagemcp.io/api/mcp",
      "transport": "streamable-http",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}
5

Reload VS Code

Reload VS Code window (Cmd+Shift+P > 'Reload Window') to apply the new MCP configuration.

6

Generate Images with Cline

Open Cline chat and ask it to generate images. Example: "Generate a dark mode UI mockup for a dashboard".

🎨 Usage Example

Once connected, just ask Cline to generate images

You:

"Generate an image of a futuristic city at sunset with flying cars"

Cline (using Image MCP):

I'll generate that image for you using the generate_image tool...

generate_image({ prompt: "A futuristic city at sunset with flying cars, cyberpunk aesthetic, vibrant colors" })

Here's your generated image: [Image URL returned]

🔧 Troubleshooting

Tool not showing up?

Restart Cline after adding the configuration. MCP servers are loaded at startup.

Connection errors?

Make sure you have internet access. Image MCP is a hosted service at imagemcp.io.

Image generation fails?

Try a different model or simplify your prompt. Check our error documentation for details.

Authentication errors?

Make sure you've added your API key correctly. Get your key from the Dashboard.

Download Cline

Need help? View full documentation