---

name: seo-image-gen description: "生成SEO导向的图片，如OG卡片、主图、schema资源、产品视觉和信息图。当图片生成是SEO工作流或内容发布任务的一部分时使用。" risk: unknown source: "https://github.com/AgriciDaniel/claude-seo" date_added: "2026-03-21" argument-hint: "[og|hero|product|infographic|custom|batch] <描述>" user-invokable: true allowed-tools:

• Read
• Grep
• Glob
• Bash
• WebFetch
• Write

---

SEO图片生成：用于SEO资源的AI图片生成（扩展）

使用Gemini图片生成功能通过banana创意总监管线生成可用于生产的SEO图片。 将SEO需求映射到优化的领域模式、宽高比和分辨率默认值。

何时使用

• 当需要生成OG图片、主图、schema视觉资源、信息图或类似SEO资源时使用。
• 当图片生成是更广泛的SEO或发布工作流的一部分时使用。
• 仅在所需的图片生成扩展可用时使用。

架构说明

此技能有两个具有不同角色的组件：

• SKILL.md（本文件）：处理交互式 /seo image-gen 命令以生成图片
• Agent（agents/seo-image-gen.md）：在 /seo audit 期间生成的仅审计分析器，用于评估现有OG/社交图片并生成生成计划（从不自动生成）

前置条件

此技能需要安装banana扩展：

./extensions/banana/install.sh

检查可用性： 在使用任何图片生成工具之前，通过检查 gemini_generate_image 或 set_aspect_ratio 工具是否可用来验证MCP服务器已连接。如果工具不可用，通知用户扩展未安装并提供安装说明。

快速参考

| 命令 | 功能 | |---------|-------------| | /seo image-gen og <描述> | 生成OG/社交预览图片（1200x630风格） | | /seo image-gen hero <描述> | 博客主图（宽屏，戏剧性） | | /seo image-gen product <描述> | 产品摄影（干净，白色背景） | | /seo image-gen infographic <描述> | 信息图视觉（垂直，数据密集） | | /seo image-gen custom <描述> | 使用完整创意总监管线的自定义图片 | | /seo image-gen batch <描述> [N] | 生成N个变体（默认：3） |

SEO图片用例

每个用例映射到预配置的banana参数：

| 用例 | 宽高比 | 分辨率 | 领域模式 | 备注 | |----------|-------------|------------|-------------|-------| | OG/社交预览 | 16:9 | 1K | Product 或 UI/Web | 干净、专业、适合文字 | | 博客主图 | 16:9 | 2K | Cinema 或 Editorial | 戏剧性、氛围感、编辑品质 | | Schema图片 | 4:3 | 1K | Product | 干净、描述性、schema ImageObject | | 社交方图 | 1:1 | 1K | UI/Web | 平台优化的方形 | | 产品照片 | 4:3 | 2K | Product | 白色背景、工作室灯光 | | 信息图 | 2:3 | 4K | Infographic | 数据密集、垂直布局 | | 网站图标/图标 | 1:1 | 512 | Logo | 极简、可缩放、易识别 | | Pinterest图钉 | 2:3 | 2K | Editorial | 高垂直卡片 |

生成管线

对于每个生成请求：

1. 识别用例 从命令或上下文中（og、hero、product等）
2. 应用SEO默认值 从上面的用例表中
3. 设置宽高比 通过 set_aspect_ratio MCP工具
4. 构建推理简报 使用banana创意总监管线：
   • 加载 references/prompt-engineering.md 获取6组件系统
   • 应用领域模式权重（主体30%、风格25%、上下文15%等）
   • 要具体且生动：描述相机看到的内容
5. 生成 通过 gemini_generate_image MCP工具
6. 生成后SEO检查清单（见下文）

检查预设

如果用户提到品牌或已配置SEO预设：

python3 ~/.claude/skills/seo-image-gen/scripts/presets.py list

加载匹配的预设并应用为默认值。同时检查 references/seo-image-presets.md 获取SEO特定的预设模板。

生成后SEO检查清单

每次成功生成后，引导用户完成：

1. 替代文本：为生成的图片编写描述性的、富含关键词的替代文本
2. 文件命名：重命名为SEO友好格式：关键词-描述-宽度x高度.webp
3. WebP转换：转换为WebP以获得最佳页面速度：

   magick output.png -quality 85 output.webp
   

4. 文件大小：主图目标低于200KB，缩略图低于100KB
5. Schema标记：为生成的图片建议 ImageObject schema：

   {
     "@type": "ImageObject",
     "url": "https://example.com/images/keyword-description.webp",
     "width": 1200,
     "height": 630,
     "caption": "包含目标关键词的描述性标题"
   }
   

6. OG元标签：对于社交预览图片，提醒关于：