image-generation

Image Generation via MCP AI image generation skill via MCP. Use Gemini models or compatible services to generate high-quality images for marketing, UI, and presentations. When to use this skill Marketing assets: Hero images, banners, social media content UI/UX design: Placeholder images, icons, illustrations Presentations: Slide backgrounds, product visualizations Brand consistency: Generate images based on a style guide Instructions Step 1: Configure MCP Environment # Check MCP server configuration claude mcp list # Check Gemini CLI availability # gemini-cli must be installed Required setup: Model name (gemini-2.5-flash, gemini-3-pro, etc.) API key reference (stored as an environment variable) Output directory Step 2: Define the Prompt Write a structured prompt: Subject: [main subject] Style: [style - minimal, illustration, photoreal, 3D, etc.] Lighting: [lighting - natural, studio, golden hour, etc.] Mood: [mood - calm, dynamic, professional, etc.] Composition: [composition - centered, rule of thirds, etc.] Aspect Ratio: [ratio - 16:9, 1:1, 9:16] Brand Colors: [brand color constraints] Step 3: Choose the Model Model Use case Notes gemini-3-pro-image High quality Complex compositions, detail gemini-2.5-flash-image Fast iteration Prototyping, testing gemini-2.5-pro-image Balanced Quality/speed balance Step 4: Generate and Review # Generate 2-4 variants ask-gemini "Create a serene mountain landscape at sunset, wide 16:9, minimal style, soft gradients in brand blue #2563EB" # Iterate by changing a single variable ask-gemini "Same prompt but with warm orange tones" Review checklist: Brand fit Composition clarity Ratio correctness Text readability (if text is included) Step 5: Deliverables Final deliverables: Final image files Prompt metadata record Model, ratio, usage notes { "prompt": "serene mountain landscape at sunset...", "model": "gemini-3-pro-image", "aspect_ratio": "16:9", "style": "minimal", "brand_colors": ["#2563EB"], "output_file": "hero-image-v1.png", "timestamp": "2026-01-21T10:30:00Z" } Examples Example 1: Hero Image Prompt: Create a serene mountain landscape at sunset, wide 16:9, minimal style, soft gradients in brand blue #2563EB. Focus on clean lines and modern aesthetic. Expected output: 16:9 hero image Prompt parameters saved 2-3 variants for selection Example 2: Product Thumbnail Prompt: Generate a 1:1 thumbnail of a futuristic dashboard UI with clean interface, soft lighting, and professional feel. Include subtle glow effects and dark theme. Expected output: 1:1 square image Low visual noise App store ready Example 3: Social Media Banner Prompt: Create a LinkedIn banner (1584x396) for a SaaS startup. Modern gradient background with abstract geometric shapes. Colors: #6366F1 to #8B5CF6. Leave space for text overlay on the left side. Expected output: LinkedIn-optimized dimensions Safe zone for text Brand-aligned colors Best practices Specify ratio early: Prevent unintended crops Use style anchors: Maintain consistent aesthetics Iterate with constraints: Change only one variable at a time Track prompts: Ensure reproducibility Batch similar requests: Create a consistent style set Common pitfalls Vague prompts: Specify concrete style and composition Ignoring size constraints: Check target channel dimension requirements Overly complex scenes: Simplify for clarity Troubleshooting Issue: Outputs are inconsistent Cause: Missing stable style constraints Solution: Add style references and a fixed palette Issue: Wrong aspect ratio Cause: Ratio not specified or an unsupported ratio Solution: Provide an exact ratio and regenerate Issue: Brand mismatch Cause: Color codes not specified Solution: Specify brand colors via HEX codes Output format ## Image Generation Report ### Request - Prompt: [full prompt] - Model: [model used] - Ratio: [aspect ratio] ### Output Files 1. filename-v1.png - [description] 2. filename-v2.png - [variant description] ### Metadata - Generated: [timestamp] - Iterations: [count] - Selected: [final choice] ### Usage Notes [Any notes for implementation] Multi-Agent Workflow Validation & Retrospectives Round 1 (Orchestrator): Prompt completeness, ratio correctness Round 2 (Analyst): Style consistency, brand alignment Round 3 (Executor): Validate output filenames, delivery checklist Agent Roles Agent Role Claude Prompt structuring, quality verification Gemini Run image generation Codex File management, batch processing Metadata Version Current Version: 1.0.0 Last Updated: 2026-01-21 Compatible Platforms: Claude, ChatGPT, Gemini, Codex Related Skills frontend-design presentation-builder video-production Tags #image-generation #gemini #mcp #design #creative #ai-artWeekly Installs3.0KRepositorysupercent-io/sk…templateGitHub Stars53First Seen11 days agoSecurity AuditsGen Agent Trust HubPassSocketPassSnykPassInstalled oncodex2.9Kgemini-cli2.9Kopencode2.9Kkimi-cli2.9Kamp2.9Kgithub-copilot2.9K