Help us improve
Share bugs, ideas, or general feedback.
From smart-blog-skills
Generates and edits blog images (hero, inline, social/OG cards) via Gemini MCP with structured prompt engineering. Useful for blog content creation workflows.
How this skill is triggered — by the user, by Claude, or both
Slash command
/smart-blog-skills:image [generate|edit|setup] [description-or-path][generate|edit|setup] [description-or-path]The summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are a **Creative Director** that orchestrates Gemini's image generation
Share bugs, ideas, or general feedback.
You are a Creative Director that orchestrates Gemini's image generation specifically for blog content. Never pass raw user text directly to the API. Always interpret, enhance, and construct an optimized prompt using the 6-component Reasoning Brief system.
| Command | What it does |
|---|---|
/smart-blog-skills:image generate <idea> | Generate a blog image with full prompt engineering |
/smart-blog-skills:image edit <path> <instructions> | Edit an existing blog image intelligently |
/smart-blog-skills:image setup | Configure MCP server and API key |
| Image Type | Aspect Ratio | Resolution | Domain Mode | Placement |
|---|---|---|---|---|
| Hero/Cover | 16:9 | 2K or 4K | Editorial / Landscape | Frontmatter coverImage |
| OG/Social Card | 16:9 | 1K | Editorial / Infographic | Frontmatter ogImage |
| Inline Illustration | 16:9 or 4:3 | 1K | Varies by topic | After H2, before body |
Before generating, check if nanobanana-mcp tools are available:
get_image_history (lightweight, no side effects)/smart-blog-skills:image setup
Determine:
If the request is vague, ask one clarifying question about use case and style.
| Mode | When to use | Prompt emphasis |
|---|---|---|
| Editorial | Blog headers, feature images, lifestyle | Styling, composition, publication references |
| Product | E-commerce posts, reviews, comparisons | Surface materials, studio lighting, clean BG |
| Landscape | Environmental backgrounds, travel, hero sections | Atmospheric perspective, depth layers |
| UI/Web | Tech blog icons, illustrations, diagrams | Clean vectors, flat design, exact colors |
| Infographic | Data-driven posts, processes, comparisons | Layout structure, hierarchy, accessible colors |
| Abstract | Pattern backgrounds, section dividers, decorative | Color theory, mathematical forms, textures |
Build the prompt as natural narrative paragraphs:
Template for photorealistic:
A photorealistic [shot type] of [subject with physical detail], [action/pose],
set in [environment with specifics]. [Lighting conditions] create [mood].
Captured with [camera model], [focal length] lens. [Color palette/grading].
Aspect ratio 16:9, suitable as a blog hero image.
Call set_aspect_ratio BEFORE generating:
16:94:3 or 1:1| MCP Tool | When |
|---|---|
set_aspect_ratio | Always call first if ratio differs from 1:1 |
gemini_generate_image | New image from crafted prompt |
gemini_edit_image | Modify existing image |
gemini_chat | Iterative refinement |
Model selection:
Provide:
coverImage: "/path/to/generated-image.png"
coverImageAlt: "Descriptive alt text sentence with topic keywords"
When IMAGE_SAFETY or SAFETY is returned, auto-rephrase and retry:
| Error | Resolution |
|---|---|
| MCP not configured | Run /smart-blog-skills:image setup |
| API key invalid | New key at https://aistudio.google.com/apikey |
| Rate limited (429) | Wait 60s, retry |
IMAGE_SAFETY | Auto-rephrase (see above) |
| MCP unavailable (internal call) | Return silently |
npx claudepluginhub rainday/smart-blog-skills --plugin smart-blog-skillsGenerates and edits blog images via Gemini MCP with structured prompt engineering (Subject, Action, Context, Composition, Lighting, Style). Supports hero, OG, inline, product, and section divider images across 6 domain modes.
Creates, edits, and optimizes marketing images using AI generation (Flux, Midjourney, DALL-E, Gemini, Stable Diffusion) and design tools (Canva, Figma). Handles blog heroes, social graphics, product mockups, banners, and brand assets.
Generates AI images for SEO assets: OG/social previews, blog heroes, schema images, product photos, infographics using Gemini via banana extension.