banatie-content/0-inbox/claude-code-image-generation-mcp.md

slug	title	status	created	source
claude-code-image-generation-mcp	How to Generate Images in Claude Code with MCP	inbox	2024-12-24	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