blog-image

Generates and edits blog images with Gemini via the nanobanana MCP server.

1|Updated Dec 24, 2021
One-click install
npx skills add https://github.com/arthur-fontaine/arthurfontaine.fr --skill blog-image-arthur-fontaine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blog-image
Source: https://github.com/arthur-fontaine/arthurfontaine.fr/tree/main/.agents/skills/blog-image
Command: npx skills add https://github.com/arthur-fontaine/arthurfontaine.fr --skill blog-image-arthur-fontaine

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Creating hero images, OG cards, and inline illustrations for blog posts requires design skills and manual tooling; this Skill automates prompt engineering and image generation through Gemini so blog visuals are produced directly from a content brief. ## Core Features & Use Cases - Prompt-Engineered Generation: Builds a 6-component Reasoning Brief (subject, action, context, composition, lighting, style) across 6 domain modes including Editorial, Product, and Infographic before calling the Gemini image API. - Blog-Specific Outputs: Produces hero/cover images, 1200x630 OG social cards, inline illustrations, and section dividers with correct aspect ratios, alt text, and frontmatter snippets. - Editing and Iteration: Enhances raw edit instructions and uses conversational multi-turn editing to refine images instead of regenerating from scratch. - Use Case: While drafting an article about AI search trends, invoke the skill to generate a 16:9 editorial hero image, receive the file path, alt text, and ready-to-paste coverImage frontmatter. ## Quick Start Ask the assistant to generate a hero image for your blog post topic, for example by saying generate a hero image for my article about AI search trends.

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 hero image for a blog post with Gemini?▼

Invoke the generate command with your topic, and the skill builds a 6-component prompt covering subject, lighting, and composition before calling gemini_generate_image. It returns the image path, alt text, and a coverImage frontmatter snippet at 16:9.

How do I set up the nanobanana MCP server for image generation?▼

Run the setup_image_mcp.py script with your Google AI API key via environment variable or key file. It writes the MCP configuration to ~/.claude/settings.json by default, then verify with validate_image_setup.py.

What aspect ratio should blog OG images use?▼

OG and social card images use 16:9 at exactly 1200x630 pixels, which the skill enforces by calling set_aspect_ratio before generation and cropping with ImageMagick during post-processing.

Why does Gemini image generation return IMAGE_SAFETY errors?▼

IMAGE_SAFETY comes from a non-configurable server-side output filter that sometimes blocks benign prompts. The skill auto-rephrases with positive framing and retries up to three times before reporting the failure.

Can I edit an existing blog image instead of regenerating it?▼

Yes, the edit command enhances your instruction and calls gemini_edit_image, or uses gemini_chat for multi-turn refinement. Editing preserves session style consistency and is preferred when the image is mostly correct.

What happens if the MCP server is not configured?▼

When invoked directly, the skill tells you to run the setup command. When called internally from blog-write or blog-rewrite, it returns silently so the calling workflow continues with stock photos.