MCP Image Creator
For developers who ship fast

Prompt → Perfect Image. Keep Coding.

Instant, on-brand visuals dropped straight into /public/. No Figma. No stock sites. No waiting on the design team.

Trusted by 500+ developers
Example Gear Icon

Example Gear Icon
Generated with MCP

Network Particle Visualization

Network Particle Visualization
Generated with MCP

Example Robot Illustration

Example Robot Illustration
Generated with MCP

Example Logo Design with Light Text

Example Logo Design with Light Text
Generated with MCP

Example Abstract Pattern

Example Abstract Pattern
Generated with MCP

UI Controls Interface

UI Controls Interface
Generated with MCP

Example Office Scene

Example Office Scene
Generated with MCP

Developer Experience

How Would Monday Morning Change?

No more gray placeholder boxes with TODOs. Ship today instead of “waiting on design team.”

Stay in Flow State
End the design handoff bottleneck forever. Generate assets without leaving VS Code.
One-Line Commands
Just type what you want and your AI assistant does the rest. Works with Cline, Claude Desktop, and more.
Zero Git Bloat
Images go straight into your project's public directory. No more downloading and re-uploading large binaries.
Always On-Brand
Tailor images to your exact project palette with brandSignature, for both light and dark modes.
Perfect for Variants
Launch multiple A/B test imagery variants in seconds—no waiting for design approvals.
Open Source
Free and extensible. Customize it to your workflow needs or contribute improvements.
Simple Workflow

Three Steps to Asset Freedom

Type a prompt. Coffee sip. Image saved in repo. Yes, it's that simple.

1Ask Your AI (any shortcut)

Just say: “Generate a hero background with soft blue gradient.” Your AI assistant handles the JSON for you.

// AI Command (any shortcut)
"Generate a hero background with soft blue gradient that matches my Tailwind palette"

// Generated Tool Call (behind the scenes)
{
  "name": "create_image",
  "arguments": {
    "prompt": "Hero background with soft blue gradient",
    "brandSignature": "palette:#0EA5E9,#0F172A; tone:Clean",
    "size": "1536x1024", 
    "filename": "hero-bg-gradient.png",
    "targetProjectDir": "/Users/ava/projects/my-saas-app",
    "outputPath": "hero"
  }
}

2Auto-Saved to Project

The image appears in your /public folder while you keep typing. No downloads, no uploads, no Slack messages.

// Tool Response (JSON)
{
  "ok": true,
  "path": "hero/hero-bg-gradient.png",
  "bytes": 853201,
  "model": "gpt-image-1",
  "prompt": "Hero background with soft blue gradient",
  "revised_prompt": "A serene, minimalist hero background featuring a soft blue gradient that transitions from lighter blue to a deeper blue, maintaining a clean and professional aesthetic suitable for a SaaS application interface."
}
3

Import & Ship It

Your AI can even insert the import statement and JSX for you. Just keep coding—the asset pipeline is now frictionless.

// Example React Component with Auto-implemented Image
import React from 'react';

const HeroSection = () => {
  return (
    <section
      className="relative w-full border-b border-border/40 h-[50vh] min-h-[500px]"
      style={{
        backgroundImage: `url(/hero/hero-bg-gradient.png)`,
        backgroundSize: 'cover',
        backgroundPosition: 'center',
      }}
    >
      <div className="absolute inset-0 bg-gradient-to-r from-background/85 
                      via-background/75 to-background/70" />
      
      <div className="container relative z-10 mx-auto px-6 py-20">
        <h1 className="text-4xl font-bold">Your Product Title</h1>
        {/* Rest of hero content */}
      </div>
    </section>
  );
};

export default HeroSection;
Quick Setup

3-Minute Setup, Hours Saved Weekly

Setup Time

3 minutes

One Node.js command + an OpenAI API key.

Time Saved

Hours/week

No more waiting on design handoffs.

All you need to break free from design bottlenecks forever. Start shipping complete features today.

Ship Faster

Start Shipping Today, Not “When Assets Are Ready”

Eliminate Bottlenecks

Your productivity stalls when design handoffs don't happen. Every gray placeholder box with a TODO comment means another delay and context switch.

Accelerate Deployment

Install in under 3 minutes and take control of your shipping pace. Generate production-ready assets without leaving your editor.