Banner Creator - AI 图像生成横幅图制作工具

技能概述

Banner Creator 是一个基于 AI 图像生成（Gemini 3 Pro Image / nanobanana）的横幅图制作技能，通过"需求确认 → 批量生成变体 → 预览反馈 → 迭代优化 → 裁剪出图"的迭代式设计流程，帮你快速产出 GitHub README banner、Twitter 头图、网站 hero 图等各类平台横幅。

适用场景

1. 开源项目 README 横幅：为新项目生成 2:1（1280x640）的 GitHub README banner，融入项目名称、标语和吉祥物 logo，让仓库首页更专业。
2. 社交媒体头图与封面图：制作 Twitter/X 头图（3:1，1500x500）、LinkedIn 横幅、YouTube 频道横幅等社交平台视觉素材，按平台规范尺寸一键裁剪。
3. 网站 hero 图与内容封面：为落地页生成 16:9（1920x1080）的 hero 大图，或为博客、文档生成风格统一的封面图。

核心功能

1. 批量生成设计变体：一次生成 20 个 banner 变体（21:9 最宽比例），自动编号保存（banner-01.png、banner-02.png…），并附带 HTML 预览页，方便横向对比挑选，避免在单一方案上反复碰运气。
2. 迭代式反馈优化：基于预览页和你反馈的偏好（风格、配色、构图），针对心仪的方案再衍生 10-20 个变体（如 banner-03-v1.png），多轮迭代直到满意；还可以传入现有 logo 图片，让 AI 把品牌吉祥物自然融入 banner 构图。
3. 按平台比例精准裁剪：选定最终方案后，自动裁剪到目标平台的规范尺寸——GitHub README（2:1，1280x640）、Twitter 头图（3:1，1500x500）、网站 hero（16:9，1920x1080），成品与全部过程文件统一归档到 .skill-archive/banner-creator/ 目录。

常见问题

使用 Banner Creator 需要什么前提条件？

需要两项准备：一是在环境变量中设置 GEMINI_API_KEY（可从 Google AI Studio 获取）；二是安装 nanobanana 技能，它负责实际的 AI 图像生成（基于 Gemini 3 Pro Image 模型）。两项就绪后即可开始制作。

生成的 banner 不满意怎么办？

这正是 Banner Creator 的设计核心——它不是一次性出图，而是迭代式流程。先批量生成 20 个变体供你挑选，然后告诉它你喜欢哪几张（例如 #3、#7）、喜欢的原因和想调整的地方，它会基于这些反馈再生成一批变体，循环往复直到你选中最终方案。

支持哪些尺寸？如何保证符合平台要求？

生成阶段统一使用最宽的 21:9 比例以保证裁剪余量，定稿后由裁剪脚本按目标比例和宽度精确输出：GitHub README 用 2:1（1280x640）、Twitter 头图用 3:1（1500x500）、网站 hero 用 16:9（1920x1080）。所有中间文件和成品都保存在 .skill-archive/banner-creator/<日期-名称>/ 目录下，含未裁剪原图和最终裁剪版。

快速开始

1. 确认 GEMINI_API_KEY 已设置、nanobanana 技能可用；
2. 告诉它 banner 用途、目标比例、风格偏好、要出现的文字和 logo；
3. 批量生成 20 个变体并通过 HTML 预览页挑选；
4. 根据反馈迭代，直到选出满意的方案；
5. 自动裁剪到目标尺寸，交付最终文件。