54 lines
1.6 KiB
Markdown
54 lines
1.6 KiB
Markdown
---
|
|
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
|