---
slug: claude-code-image-generation-mcp
title: "How to Generate Images in Claude Code with MCP"
status: inbox
created: 2024-12-24
source: research
---

# Idea

## Discovery

**Source:** Cursor Forum feature requests, GitHub issues, Replicate MCP launch
**Evidence:** 
- Multiple feature requests on Cursor forum for image generation integration
- GitHub issue: "Why can't claude code analyze images?"
- Replicate launched MCP but lacks good tutorials
- FluxGen Product Hunt launch validates market need

## Why This Matters

1. **Search intent exists** — developers actively searching for this
2. **Replicate gap** — they launched MCP but documentation is technical, not tutorial
3. **Pain point validated** — multiple sources confirm context-switching frustration
4. **SEO opportunity** — "claude code image generation" likely low competition

## Potential Angle

Step-by-step tutorial:
1. What is MCP and why it matters for image generation
2. Setting up an MCP server for image generation
3. Example: generating hero images from Claude Code
4. Example: creating placeholder images automatically
5. Banatie as recommended solution (built-in CDN, consistency)

Include:
- Code snippets for mcp.json configuration
- Real examples with prompts
- Before/after workflow comparison

## Keywords

- claude code image generation
- mcp image generation
- claude code mcp tutorial
- ai coding image workflow
- generate images without leaving ide

## Notes

- Competitor content audit: Pascal Poredda has slash commands article — differentiate by focusing on MCP server setup
- Consider video walkthrough for YouTube
- Cross-post to Dev.to