What aspect ratios does the skill support?

It supports a wide range of industry-standard ratios: 16:9 (Hero/Slides), 1:1 (Square), 9:16 (Mobile), 4:3, 3:4, 2:3, and 3:2.

Can this skill automatically detect where images are needed?

Yes, it is designed to recognize empty sections, placeholder image tags, and generic stock references in your code to suggest and generate relevant visual content immediately.

Is there an MCP version available?

Yes, this skill can be used either as a bundled CLI script within Claude Code or as an MCP server using the media-pipeline tool.

Which AI models are used for image generation?

The skill uses Google Gemini models, specifically gemini-3-pro-image-preview for high-quality production assets and gemini-2.5-flash-image for faster prototyping.

How do I prompt the image generator?

While you can provide a basic prompt, the skill automatically optimizes your input using a proven formula covering style, subject, composition, and atmosphere for professional results.

AI Image Generation

Name: AI Image Generation
Author: guinacio

byguinacio

•

デザインツール

Generates and integrates professional AI-powered images directly into development workflows using Google Gemini.

The AI Image Generation skill empowers Claude Code to create high-quality, professional visual assets without leaving the terminal. By leveraging Google Gemini's advanced image models, it automatically detects missing visual elements like hero sections, feature illustrations, and UI placeholders to generate contextually relevant imagery. This skill handles complex prompt optimization and supports multiple aspect ratios to ensure generated assets fit perfectly within landing pages, presentations, and application layouts, significantly speeding up frontend development and prototyping.

主な機能

01Professional prompt optimization using expert composition formulas

02Automated visual need detection in HTML, CSS, and Markdown

03High-quality asset generation via Google Gemini Pro and Flash models

044 GitHub stars

05Support for multiple aspect ratios including 16:9, 1:1, and 9:16

06Seamless CLI and MCP integration for direct file system output

ユースケース

01Creating unique feature illustrations for documentation and onboarding flows

02Generating custom hero images and section backgrounds for landing pages

03Replacing generic placeholders with branded, high-resolution visual assets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add guinacio/claude-image-gen image-generation

For use in Claude.ai and ChatGPT

Download Skill