Open Skills Logo
Open Skills

banner-creator

使用 AI 图像生成创建横幅。讨论格式/风格，生成多个变体，根据用户反馈进行迭代，并裁剪为目标比例。适用于用户想要创建横幅、页眉、主视觉图、封面图、GitHub 横幅、Twitter 页眉或 README 横幅的情况。

作者

@ReScienceLab

分类

图像处理

安装

热度:0

下载并解压到你的 skills 目录

复制命令，发送给智能体自动安装：

下载并安装这个技能 https://openskills.cc/api/download?slug=resciencelab-skills-banner-creator&locale=zh&source=copy

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

技能概述

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

适用场景

  • 开源项目 README 横幅：为新项目生成 2:1（1280x640）的 GitHub README banner，融入项目名称、标语和吉祥物 logo，让仓库首页更专业。

  • 社交媒体头图与封面图：制作 Twitter/X 头图（3:1，1500x500）、LinkedIn 横幅、YouTube 频道横幅等社交平台视觉素材，按平台规范尺寸一键裁剪。

  • 网站 hero 图与内容封面：为落地页生成 16:9（1920x1080）的 hero 大图，或为博客、文档生成风格统一的封面图。

    • 核心功能

  • 批量生成设计变体：一次生成 20 个 banner 变体（21:9 最宽比例），自动编号保存（banner-01.png、banner-02.png…），并附带 HTML 预览页，方便横向对比挑选，避免在单一方案上反复碰运气。

  • 迭代式反馈优化：基于预览页和你反馈的偏好（风格、配色、构图），针对心仪的方案再衍生 10-20 个变体（如 banner-03-v1.png），多轮迭代直到满意；还可以传入现有 logo 图片，让 AI 把品牌吉祥物自然融入 banner 构图。

  • 按平台比例精准裁剪：选定最终方案后，自动裁剪到目标平台的规范尺寸——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/<日期-名称>/ 目录下，含未裁剪原图和最终裁剪版。

    快速开始

  • 确认 GEMINI_API_KEY 已设置、nanobanana 技能可用；

  • 告诉它 banner 用途、目标比例、风格偏好、要出现的文字和 logo；

  • 批量生成 20 个变体并通过 HTML 预览页挑选；

  • 根据反馈迭代，直到选出满意的方案；

  • 自动裁剪到目标尺寸，交付最终文件。