MCP图像生成技能：使用Gemini AI为营销、UI设计、演示文稿创建高质量图像

image-generation-mcp by supercent-io/skills-template

7,600 周安装量

88 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/supercent-io/skills-template --skill image-generation-mcp

AI/机器学习内容创作设计

🇨🇳中文介绍

通过 MCP 生成图像

这是一个通过 MCP 实现的 AI 图像生成技能。使用 Gemini 模型或兼容服务，为营销、UI、演示文稿生成高质量图像。

使用场景

营销素材：主视觉图、横幅、社交媒体内容
UI/UX 设计：占位符图像、图标、插图
演示文稿：幻灯片背景、产品可视化
品牌一致性：基于风格指南生成图像

使用说明

步骤 1：配置 MCP 环境

# 检查 MCP 服务器配置
claude mcp list

# 检查 Gemini CLI 是否可用
# 需要已安装 gemini-cli

必需配置：

Model name (例如 gemini-2.5-flash, gemini-3-pro 等)
API key reference (存储在环境变量中)
Output directory

步骤 2：定义提示词

编写结构化的提示词：

**Subject**: [主要主体]
**Style**: [风格 - 极简、插画、照片风格、3D 等]
**Lighting**: [灯光 - 自然光、影棚光、黄金时刻等]
**Mood**: [氛围 - 平静、动感、专业等]
**Composition**: [构图 - 居中、三分法等]
**Aspect Ratio**: [比例 - 16:9、1:1、9:16]
**Brand Colors**: [品牌颜色限制]

步骤 3：选择模型

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

步骤 4：生成与审核

# 生成 2-4 个变体
ask-gemini "Create a serene mountain landscape at sunset,
  wide 16:9, minimal style, soft gradients in brand blue #2563EB"

# 通过改变单个变量进行迭代
ask-gemini "Same prompt but with warm orange tones"

品牌契合度
构图清晰度
比例准确性
文本可读性 (如果包含文本)

步骤 5：交付物

最终图像文件
提示词元数据记录
模型、比例、使用说明

{
  "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"
}

示例 1：主视觉图

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.

16:9 主视觉图
保存提示词参数
2-3 个变体供选择

示例 2：产品缩略图

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.

1:1 方形图像
低视觉噪点
适用于应用商店

示例 3：社交媒体横幅

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.

针对 LinkedIn 优化的尺寸
文本安全区域
符合品牌标准的颜色

尽早指定比例：防止意外裁剪
使用风格锚点：保持一致的审美风格
带约束迭代：一次只更改一个变量
跟踪提示词：确保可复现性
批量处理相似请求：生成一致的风格集合

模糊的提示词：需要指定具体的风格和构图
忽略尺寸限制：确认目标渠道的尺寸要求
场景过于复杂：为保持清晰度而简化

问题：输出不一致

原因：缺少稳定的风格约束 解决方案：添加风格参考和固定调色板

问题：宽高比错误

原因：未指定比例或使用了不支持的比例 解决方案：提供准确的比例后重新生成

问题：品牌不匹配

原因：未指定颜色代码 解决方案：使用 HEX 代码明确指定品牌颜色

## 图像生成报告

### 请求
- **Prompt**: [完整提示词]
- **Model**: [使用的模型]
- **Ratio**: [宽高比]

### 输出文件
1. `filename-v1.png` - [描述]
2. `filename-v2.png` - [变体描述]

### 元数据
- Generated: [时间戳]
- Iterations: [迭代次数]
- Selected: [最终选择]

### 使用说明
[任何实施注意事项]

多智能体工作流

第 1 轮 (编排器)：提示词完整性、比例一致性
第 2 轮 (分析师)：风格一致性、品牌契合度
第 3 轮 (执行器)：输出文件名、交付清单验证

Agent	角色
Claude	提示词构建、质量验证
Gemini	图像生成执行
Codex	文件管理、批处理

当前版本：1.0.0
最后更新：2026-01-21
兼容平台：Claude、ChatGPT、Gemini、Codex

#image-generation #gemini #mcp #design #creative #ai-art

🇰🇷한국어

Image Generation via MCP

MCP를 통한 AI 이미지 생성 스킬입니다. Gemini 모델 또는 호환 서비스를 사용하여 마케팅, UI, 프레젠테이션용 고품질 이미지를 생성합니다.

When to use this skill

마케팅 에셋 : 히어로 이미지, 배너, 소셜 미디어 콘텐츠
UI/UX 디자인 : 플레이스홀더 이미지, 아이콘, 일러스트레이션
프레젠테이션 : 슬라이드 배경, 제품 시각화
브랜드 일관성 : 스타일 가이드 기반 이미지 생성

Instructions

Step 1: Configure MCP Environment

# MCP 서버 설정 확인
claude mcp list

# Gemini CLI 사용 가능 여부 확인
# gemini-cli가 설치되어 있어야 함

필수 설정 :

Model name (gemini-2.5-flash, gemini-3-pro 등)
API key reference (환경 변수로 저장)
Output directory

Step 2: Define the Prompt

구조화된 프롬프트 작성:

**Subject**: [주요 피사체]
**Style**: [스타일 - 미니멀, 일러스트, 사진풍, 3D 등]
**Lighting**: [조명 - 자연광, 스튜디오, 골든아워 등]
**Mood**: [분위기 - 차분한, 역동적, 전문적 등]
**Composition**: [구성 - 중앙 배치, 삼분할 등]
**Aspect Ratio**: [비율 - 16:9, 1:1, 9:16]
**Brand Colors**: [브랜드 컬러 제약사항]

Step 3: Choose the Model

모델	용도	특징
`gemini-3-pro-image`	고품질	복잡한 구성, 디테일
`gemini-2.5-flash-image`	빠른 반복	프로토타이핑, 테스트
`gemini-2.5-pro-image`	균형	품질/속도 밸런스

Step 4: Generate and Review

# 2-4개 변형 생성
ask-gemini "Create a serene mountain landscape at sunset,
  wide 16:9, minimal style, soft gradients in brand blue #2563EB"

# 단일 변수 변경으로 반복
ask-gemini "Same prompt but with warm orange tones"

리뷰 체크리스트 :

브랜드 적합성
구성 명확성
비율 정확성
텍스트 가독성 (텍스트 포함 시)

Step 5: Deliverables

최종 산출물:

최종 이미지 파일
프롬프트 메타데이터 기록
모델, 비율, 사용 노트

{ "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 : 의도하지 않은 크롭 방지
Use style anchors : 일관된 미적 스타일 유지
Iterate with constraints : 한 번에 하나의 변수만 변경
Track prompts : 재현 가능성 확보
Batch similar requests : 일관된 스타일 세트 생성

Common pitfalls

모호한 프롬프트 : 구체적인 스타일과 구성 지정 필요
크기 제약 무시 : 대상 채널의 크기 요구사항 확인
과도하게 복잡한 장면 : 명확성을 위해 단순화

Troubleshooting

Issue: Outputs are inconsistent

Cause : 안정적인 스타일 제약 누락 Solution : 스타일 레퍼런스와 고정 팔레트 추가

Issue: Wrong aspect ratio

Cause : 비율 미지정 또는 지원하지 않는 비율 Solution : 정확한 비율 제공 후 재생성

Issue: Brand mismatch

Cause : 컬러 코드 미지정 Solution : HEX 코드로 브랜드 컬러 명시

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) : 프롬프트 완전성, 비율 정합성
Round 2 (Analyst) : 스타일 일관성, 브랜드 정합성
Round 3 (Executor) : 출력 파일명, 전달 체크리스트 검증

Agent Roles

Agent	Role
Claude	프롬프트 구성, 품질 검증
Gemini	이미지 생성 실행
Codex	파일 관리, 배치 처리

Metadata

Version

Current Version : 1.0.0
Last Updated : 2026-01-21
Compatible Platforms : Claude, ChatGPT, Gemini, Codex

`gemini-3-pro-image`	高质量	复杂构图、细节丰富
`gemini-2.5-flash-image`	快速迭代	原型设计、测试
`gemini-2.5-pro-image`	平衡	质量/速度平衡

MCP图像生成技能：使用Gemini AI为营销、UI设计、演示文稿创建高质量图像

🇨🇳中文介绍

通过 MCP 生成图像

使用场景

使用说明

步骤 1：配置 MCP 环境

步骤 2：定义提示词

步骤 3：选择模型

相关 Skills

步骤 4：生成与审核

步骤 5：交付物

示例

示例 1：主视觉图

示例 2：产品缩略图

示例 3：社交媒体横幅

最佳实践

常见问题

故障排除

问题：输出不一致

问题：宽高比错误

问题：品牌不匹配

输出格式

多智能体工作流

验证与回顾

智能体角色

元数据

版本

相关技能

标签

🇰🇷한국어

Image Generation via MCP

When to use this skill

Instructions

Step 1: Configure MCP Environment

Step 2: Define the Prompt

Step 3: Choose the Model

Step 4: Generate and Review

Step 5: Deliverables

Examples

Example 1: Hero Image

Example 2: Product Thumbnail

Example 3: Social Media Banner

Best practices

Common pitfalls

Troubleshooting

Issue: Outputs are inconsistent

Issue: Wrong aspect ratio

Issue: Brand mismatch

Output format

Multi-Agent Workflow

Validation & Retrospectives

Agent Roles

Metadata

Version

Related Skills

Tags

最新 Skills