blog-image

Generate and edit blog images via Gemini MCP tools with domain modes.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/mohamednegm0/Musahm-Vault-GTM --skill blog-image
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blog-image
Source: https://github.com/mohamednegm0/Musahm-Vault-GTM/tree/main/.claude/skills/claude-blog/skills/blog-image
Command: npx skills add https://github.com/mohamednegm0/Musahm-Vault-GTM --skill blog-image

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @ycse/nanobanana-mcp, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill removes the friction of producing blog-quality images by acting as a Creative Director that interprets intent, crafts optimized 6-component prompts, and orchestrates Gemini via an MCP server so authors get consistent hero, inline, OG, and divider images without manual prompt engineering.

Core Features & Use Cases

  • Reasoned Prompt Engineering: Always creates a 6-component Reasoning Brief (Subject, Action, Context, Composition, Lighting, Style) and never forwards raw user text directly to the API.
  • Generation & Editing: Drives MCP tools (set_aspect_ratio, gemini_generate_image, gemini_edit_image, gemini_chat) to generate or iteratively refine images and returns image path, crafted prompt, settings, alt text, and frontmatter snippets.
  • Domain Modes & Robustness: Supports six blog-optimized domain modes (Editorial, Product, Landscape, UI/Web, Infographic, Abstract), model selection guidelines, post-processing steps, safety rephrase logic, and a graceful fallback to stock photos when MCP is not configured.
  • Use Case: Produce a 16:9 hero image for a feature article, generate alt text and a frontmatter snippet, convert to WebP/AVIF, and provide 1–2 refinement suggestions.

Quick Start

Generate a 16:9 editorial hero image for the blog post titled How AI helps governance and return the image path, alt text, aspect ratio, model used, and a frontmatter snippet.

Frequently Asked Questions about blog-image

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a blog hero image with Gemini without writing prompts manually?

To generate a blog hero image with Gemini, this Skill acts as a Creative Director by translating your intent into a 6-component prompt and orchestrating the MCP server to produce the image. It automatically handles prompt engineering, generation, and refinement.

Can I edit existing images and generate OG images for a blog using an MCP server?

Yes, you can edit existing images and generate OG images for a blog using the Gemini MCP integration. The Skill drives gemini_edit_image and set_aspect_ratio tools to refine visuals and produce optimized Open Graph formats.

Do I need a GOOGLE_AI_API_KEY to generate blog images with this MCP setup?

Yes, you need a GOOGLE_AI_API_KEY configured within the @ycse/nanobanana-mcp server to generate blog images. If the MCP server is not configured, the Skill gracefully falls back to stock photos.

What is the best way to create consistent infographic and product images for blog posts?

The best way to create consistent infographic and product images is using the six built-in domain modes. These modes optimize the 6-component reasoning brief for specific visual styles like Editorial, Product, or Infographic.

How does image generation handle alt text and frontmatter snippets for blog workflows?

Image generation for blog workflows automatically returns alt text and frontmatter snippets alongside the image path and crafted prompt. This ensures your generated hero and inline visuals are immediately ready for blog integration.

What happens if the MCP server is not configured for blog image generation?

If the MCP server is not configured for blog image generation, the workflow encounters a limitation and gracefully falls back to stock photos. This ensures you still receive usable images without the Gemini integration.