Package Exports
- gemini-imagen-mcp-server
- gemini-imagen-mcp-server/build/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (gemini-imagen-mcp-server) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Gemini Imagen MCP Server for Claude Code
๐จ Perfect Claude Code MCP server for AI-powered image generation with Google's Gemini Imagen API. Generate images directly in your project's imagen/
folder while coding!
โจ Why This MCP Server?
- ๐ฅ Claude Code Optimized: Designed specifically for Claude Code workflow
- ๐ Project Integration: Images saved directly in your project's
imagen/
folder - ๐ฏ Zero Setup: Just add API key and start generating images
- โก Multiple Models: Support for Imagen 3, Imagen 4, and Imagen 4 Ultra
- ๐ฆ Batch Processing: Generate multiple images efficiently
- ๐๏ธ Advanced Controls: Aspect ratios, negative prompts, seeds, and more
๐ Quick Start
1. Get Your API Key
Get a free Gemini API key from Google AI Studio
2. Install & Configure
Zero Installation Required - Use with npx:
Add to your Claude Code MCP settings:
{
"mcpServers": {
"gemini-imagen": {
"command": "npx",
"args": ["-y", "gemini-imagen-mcp-server"],
"env": {
"GEMINI_API_KEY": "your-api-key-here"
}
}
}
}
3. Start Generating Images!
Generate an image of "a futuristic robot coding in a modern office"
Images will be saved to imagen/
folder in your current project! ๐ฏ
๐ How It Works
When you generate images, they're automatically saved with descriptive filenames:
your-project/
โโโ imagen/
โ โโโ imagen-4-ultra_2024-01-15T10-30-45_futuristic_robot_coding_1.png
โ โโโ imagen-4_2024-01-15T10-32-12_sunset_landscape_1.png
โ โโโ imagen-3_2024-01-15T10-35-01_abstract_art_design_1.png
โโโ src/
โโโ README.md
๐จ Available Models
Model | Quality | Speed | Best For |
---|---|---|---|
imagen-4-ultra | ๐๐๐๐๐ | โกโกโก | Premium quality, detailed images |
imagen-4 | ๐๐๐๐ | โกโกโกโก | Great quality, faster generation |
imagen-3 | ๐๐๐ | โกโกโกโกโก | Good quality, fastest generation |
๐ก Usage Examples
Basic Image Generation
Generate an image of "a cat wearing a space helmet"
Advanced Parameters
Generate an image with these settings:
- Prompt: "minimalist website mockup for a coffee shop"
- Model: imagen-4-ultra
- Aspect ratio: 16:9
- Negative prompt: "cluttered, busy, complex"
Batch Generation
Generate images for these prompts:
1. "logo design for a tech startup"
2. "mobile app interface wireframe"
3. "modern dashboard UI design"
Design Assets for Projects
Create a collection of images:
- "app icon design, minimalist, blue and white"
- "hero banner for landing page, technology theme"
- "user avatar placeholder, professional style"
๐๏ธ Advanced Features
Aspect Ratios
1:1
- Perfect squares (logos, avatars)16:9
- Widescreen (banners, headers)9:16
- Portrait (mobile screens)4:3
- Standard (presentations)3:4
- Portrait (posters)
Control Parameters
- Negative Prompts: Specify what to avoid
- Seeds: Get reproducible results
- Person Generation: Control person appearance
- Output Format: JPEG or PNG
Batch Processing
Generate multiple images efficiently with shared settings:
Generate a batch of logo variations with these prompts:
["minimalist coffee logo", "geometric coffee logo", "vintage coffee logo"]
using imagen-4-ultra with 1:1 aspect ratio
โ๏ธ Configuration Options
Command Line Arguments
# Use different default model
npx gemini-imagen-mcp-server --model imagen-4-ultra
# Enable batch processing
npx gemini-imagen-mcp-server --batch --max-batch-size 8
# Custom output directory
npx gemini-imagen-mcp-server --output-dir assets/images
Available Options
Option | Description | Default |
---|---|---|
--model |
Default model (imagen-3, imagen-4, imagen-4-ultra) | imagen-4-ultra |
--batch |
Enable batch processing | disabled |
--max-batch-size |
Max batch size (1-8) | 4 |
--output-dir |
Output directory | imagen |
๐ ๏ธ Installation Methods
Option 1: NPX (Recommended)
No installation needed! Just configure and use:
{
"mcpServers": {
"gemini-imagen": {
"command": "npx",
"args": ["-y", "gemini-imagen-mcp-server"],
"env": {"GEMINI_API_KEY": "your-key"}
}
}
}
Option 2: Global Install
npm install -g gemini-imagen-mcp-server
Then configure:
{
"mcpServers": {
"gemini-imagen": {
"command": "gemini-imagen-claude-code",
"env": {"GEMINI_API_KEY": "your-key"}
}
}
}
Option 3: Local Development
git clone https://github.com/serkanhaslak/gemini-imagen-mcp-server.git
cd gemini-imagen-mcp-server
npm install
npm run build
๐งช Development & Testing
Build & Test
# Build the project
npm run build
# Run comprehensive tests
npm run test
# Development with auto-rebuild
npm run watch
# Interactive testing with MCP Inspector
npm run dev
Project Structure
src/
โโโ index.ts # Main MCP server implementation
build/ # Compiled JavaScript
test_server.js # Comprehensive test suite
tsconfig.json # TypeScript configuration
๐ง Available Tools
generate_image
Generate single or multiple images with full parameter control.
batch_generate
Process multiple prompts efficiently with shared settings.
list_models
Show all available Imagen models and their capabilities.
health_check
Check server status, API connectivity, and configuration.
๐ Resources
generation_history
Access recent image generation history with full parameters.
api_documentation
Comprehensive API documentation with examples.
๐ Troubleshooting
Common Issues
"GEMINI_API_KEY not found"
- Ensure API key is set in MCP configuration
- Verify the key is valid and has billing enabled
"No images generated"
- Check if prompt violates content policies
- Try a simpler prompt first
- Verify API quota hasn't been exceeded
"Permission denied"
- Ensure Claude Code has write access to project directory
- Check that
imagen/
folder can be created
Debug Mode
Run with debug logging:
DEBUG=* npx gemini-imagen-mcp-server
๐ฏ Perfect for Claude Code Projects
This MCP server is specifically designed for developers using Claude Code:
- Project-Centric: Images go directly in your project
- Developer-Friendly: Descriptive filenames with timestamps
- Workflow Integration: Generate assets while coding
- Version Control Ready: Images in dedicated folder
- Batch Operations: Generate multiple assets efficiently
๐ Security & Best Practices
- โ API keys handled securely through environment variables
- โ Input validation with Zod schemas
- โ Comprehensive error handling
- โ Rate limiting and quota management
- โ No sensitive data logged or stored
๐ Use Cases
Web Development
- Hero images and banners
- UI/UX mockups and wireframes
- Logo and branding assets
- Placeholder images
App Development
- App icons and splash screens
- User interface elements
- Marketing assets
- Documentation images
Content Creation
- Blog post illustrations
- Social media graphics
- Presentation visuals
- Product mockups
๐ค Contributing
- Fork the repository
- Create feature branch:
git checkout -b feature/amazing-feature
- Make changes and add tests
- Run tests:
npm test
- Commit:
git commit -m 'Add amazing feature'
- Push:
git push origin feature/amazing-feature
- Open Pull Request
๐ API Limits & Pricing
- Free Tier: Generous monthly quota
- Rate Limits: Automatically handled
- Batch Processing: Optimized for efficiency
- Cost Control: Monitor usage with health checks
๐ License
MIT License - see LICENSE file for details.
๐ Why Choose This MCP Server?
- ๐ฏ Purpose-Built: Specifically for Claude Code workflows
- โก Zero Config: Works out of the box with just API key
- ๐ Smart Organization: Images organized in project folders
- ๐ Active Development: Regular updates and improvements
- ๐ Great Documentation: Comprehensive guides and examples
- ๐ ๏ธ Developer-Friendly: Built by developers, for developers
Ready to supercharge your Claude Code projects with AI-generated images?
Install now and start creating! ๐
# Just add to your MCP config and go!
npx -y gemini-imagen-mcp-server --help