image-generation

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Image Generation via MCP

基于MCP的图像生成

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

这是通过MCP实现AI图像生成的技能。使用Gemini模型或兼容服务生成适用于营销、UI、演示场景的高质量图像。

When to use this skill

适用场景

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

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

Instructions

使用指南

Step 1: Configure MCP Environment

步骤1：配置MCP环境

bash

undefined

bash

undefined

MCP 서버 설정 확인

确认MCP服务器配置

claude mcp list

Gemini CLI 사용 가능 여부 확인

确认Gemini CLI是否可用

gemini-cli가 설치되어 있어야 함

需要提前安装gemini-cli


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


**必备配置**:
- 模型名称（gemini-2.5-flash、gemini-3-pro等）
- API密钥引用（存储为环境变量）
- 输出目录

Step 2: Define the Prompt

步骤2：定义提示词

구조화된 프롬프트 작성:

markdown

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

编写结构化提示词：

markdown

**主题**: [核心主体]
**风格**: [风格 - 极简、插画、写实、3D等]
**光线**: [光照 - 自然光、棚拍光、黄金小时等]
**氛围**: [情绪 - 沉稳、动感、专业等]
**构图**: [布局 - 居中、三分法等]
**宽高比**: [比例 - 16:9、1:1、9:16]
**品牌色**: [品牌色约束]

Step 3: Choose the Model

步骤3：选择模型

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

模型	用途	特点
`gemini-3-pro-image`	高质量输出	复杂构图、细节丰富
`gemini-2.5-flash-image`	快速迭代	原型制作、测试
`gemini-2.5-pro-image`	均衡场景	质量/速度平衡

Step 4: Generate and Review

步骤4：生成与审核

bash

undefined

bash

undefined

2-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"


**리뷰 체크리스트**:
- [ ] 브랜드 적합성
- [ ] 구성 명확성
- [ ] 비율 정확성
- [ ] 텍스트 가독성 (텍스트 포함 시)

ask-gemini "Same prompt but with warm orange tones"


**审核清单**:
- [ ] 符合品牌调性
- [ ] 构图清晰
- [ ] 比例准确
- [ ] 文本可读性（包含文本时）

Step 5: Deliverables

步骤5：交付物

최종 산출물:

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

json

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

最终产出:

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

json

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

示例1：头图

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

提示词:

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个变体供选择

Example 2: Product Thumbnail

示例2：产品缩略图

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

提示词:

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正方形图像
低视觉噪点
可直接用于应用商店

Example 3: Social Media Banner

示例3：社交媒体横幅

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

提示词:

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优化尺寸
预留文字安全区
符合品牌配色

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 코드로 브랜드 컬러 명시

原因: 未指定颜色代码 解决方案: 用HEX代码明确标注品牌色

Output format

输出格式

markdown

undefined

markdown

undefined