banner-gen-tool-free

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

使用图像生成API创建与编辑横幅插画,支持1K/2K/4K分辨率与草稿迭代流程,适合个人创作。Use when 需要API集成、接口对接、Webhook配置、系统连接时使用。不适用于逆向工程闭源API。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。

一句话选型结论

按资料字段整理

banner-gen-tool-free是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install zcwl/banner-gen-tool-free
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方zcwl仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 enterprise
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791623481
正文体量9.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
banner-gen-tool-free当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

9.4 KB
模型实际读到的说明书原文,来自技能仓库

横幅插画生成工具(免费版)

概述

横幅插画生成工具免费版帮助你使用图像生成 API 创建新图像或编辑现有图像。支持 1K/2K/4K 三档分辨率,内置草稿-迭代-终稿三阶段工作流,让你快速迭代不浪费高分辨率配额。

核心能力

能力 说明
图像生成 基于 Prompt 描述生成新图像
图像编辑 对现有图像添加/移除/改风格
分辨率 1K(草稿)/ 2K(标准)/ 4K(终稿)
迭代工作流 草稿快速反馈 → 锁定方向 → 终稿高分辨率
文件命名 时间戳 + 描述性命名,便于管理
技术实现要点:核心能力基于input_params参数与output_format配置实现,支持创建/查询/修改/删除等操作模式,通过config_options进行运行时配置。

核心功能执行

用input_params参数进行配置。

输出: 返回核心功能执行的执行结果,包含操作状态和输出数据。
- 执行此能力时使用input_params参数,支持创建/查询/导出操作

参数配置与调用

用config_options参数进行配置。

输出: 返回参数配置与调用的执行结果,包含操作状态和输出数据。
- 执行此能力时使用config_options参数,支持修改/重置/导入操作

结果处理与输出

用output_format参数进行配置。

输出: 返回结果处理与输出的执行结果,包含操作状态和输出数据。
- 执行此能力时使用output_format参数,支持导出/保存/转换操作
能力覆盖范围:本skill的核心能力覆盖以下场景关键词:使用图像生成、API、创建与编辑横幅插、分辨率与草稿迭代、适合个人创作、横幅插画生成工具、免费版、面向个人创作者的、轻量级图像生成与、编辑工具、编辑现有图像、三档分辨率、终稿三阶段工作流等。这些关键词对应description中声明的使用场景,均已在上述能力点中提供对应的操作支持。

使用场景

场景一:生成博客横幅

为博客文章生成一张横幅图。

# 生成横幅(1K 草稿)
uv run scripts/generate_image.py \
  --prompt "A serene Japanese garden with cherry blossoms, soft morning light, watercolor style" \
  --filename "2026-07-18-blog-banner-draft.png" \
  --resolution 1K

# 满意后生成 4K 终稿
  --prompt "A serene Japanese garden with cherry blossoms, soft morning light, watercolor style" \
  --filename "2026-07-18-blog-banner-final.png" \
  --resolution 4K

场景二:编辑现有图像

对现有照片进行风格化编辑。

# 编辑现有图像
  --prompt "make the sky more dramatic with storm clouds, increase contrast" \
  --filename "2026-07-18-edited-sky.png" \
  --input-image "original-photo.jpg" \
  --resolution 2K

场景三:快速概念图

为产品设计生成快速概念图。

# 1K 快速概念图
  --prompt "minimalist mobile app onboarding screen, pastel colors, flat design" \
  --filename "2026-07-18-concept-onboarding.png" \
  --resolution 1K

快速开始

  1. 阅读## 核心能力章节了解skill功能
  2. 按## 依赖说明配置环境
  3. 执行所需能力对应的命令
  4. 参考## 错误处理章节处理异常
  5. 查看## FAQ解答常见疑问
# 1. 设置 API Key
export GEMINI_API_KEY="${API_KEY:?请设置环境变量}"

# 2. 生成新图像
  --prompt "your image description" \
  --filename "output-name.png" \
  --resolution 1K

# 3. 编辑现有图像
  --prompt "editing instructions" \
  --input-image "path/to/input.png" \
  --resolution 2K

示例

# 分辨率映射
| 用户表述                    | 分辨率 |
|:----------------------------|:-------|
| 未提及 / 1080 / 1080p / 1K  | 1K     |
| 2K / 2048 / 标准 / 中等     | 2K     |
| 高分辨率 / hi-res / 4K / 超清 | 4K     |

# API Key 检查顺序
1. --api-key 参数(用户在对话中提供)
2. GEMINI_API_KEY 环境变量

# 文件命名格式
{yyyy-mm-dd-hh-mm-ss}-{descriptive-name}.png

# 示例
# 2026-07-18-14-23-05-japanese-garden.png
# 2026-07-18-15-30-12-sunset-mountains.png

优选实践

  • 先用 1K 草稿快速迭代 Prompt,锁定方向后再生成 4K 终稿。
  • 编辑图像时保持相同的 --input-image,直到满意为止。
  • Prompt 包含主题、风格、构图、光照、背景、调色板等要素更精准。
  • 编辑时明确「仅修改什么,保持其他不变」,避免意外变化。
  • 文件命名包含时间戳与描述,便于后续查找。
  • 不要读回生成的图像,仅告知用户保存路径。
  • 保留用户的创作意图,仅在 Prompt 明显不足时才重写。

常见问题

Q:免费版支持批量生成吗?
A:免费版面向单张生成与编辑。如需批量生成与模板管理,请考虑 PRO 版本。

Q:免费版支持自定义 Prompt 模板吗?
A:免费版不提供模板保存。如需模板库与复用,请使用 PRO 版本。

Q:API Key 如何获取?
A:通过 --api-key 参数传入,或设置 GEMINI_API_KEY 环境变量。两者都不可用时脚本会报错。

Q:编辑图像时会改变原图吗?
A:不会。编辑会生成新文件,原图保持不变。

Q:支持哪些图像格式?
A:生成输出为 PNG。输入支持 PNG、JPG 等常见格式。

Q:遇到 403 或配额错误怎么办?
A:检查 API Key 是否有效、是否有访问权限、配额是否用尽。尝试更换 Key 或账户。

依赖说明

运行环境

  • Agent平台: 支持SKILL.md的任意AI Agent(Claude Code / Cursor / Codex / Gemini CLI等)
  • 操作系统: Windows / macOS / Linux
  • Python: 3.9+
  • uv: Python 包管理器

依赖详情

依赖项 类型 是否必需 获取方式
LLM API API 必需 由Agent内置LLM提供
Python 运行时 必需 官方站点下载
uv 工具 必需 官方安装
图像生成 API API 必需 配置 API Key

API Key 配置

  • GEMINI_API_KEY - 图像生成 API 密钥
  • 也可通过 --api-key 参数传入
  • API Key 仅从环境变量或参数读取,不硬编码

可用性分类

  • 分类: MD+EXEC(Markdown指令 + Python脚本执行)
  • 说明: 基于Markdown的AI Skill,通过 Python 脚本调用图像生成 API

错误处理

错误场景 原因 处理方式
配置错误 参数缺失或格式错误 检查依赖说明中的配置要求
运行时错误 运行环境不满足 确认运行环境符合依赖说明
网络错误 连接超时或不可达 执行ping命令测试网络连通性,检查防火墙和代理设置连接后执行ping命令测试网络连通性,检查防火墙和代理设置连接后重新执行命令,参考国内替代方案

已知限制

  • 本地运行,不支持多设备同步
  • 当前为免费版本,如需完整功能请升级到付费版获取全部能力

安全注意事项

风险类型 防范措施
API密钥泄露 通过环境变量配置,禁止硬编码到代码或配置文件中
命令执行风险 仅执行白名单命令,避免拼接用户输入到命令行参数中
网络通信安全 使用HTTPS协议,验证SSL证书有效性
敏感数据暴露 输出结果中不包含密钥、令牌等敏感信息

使用前请确认已阅读依赖说明章节,确保运行环境满足安全要求。

效率量化分析

操作场景 手动耗时 自动化耗时 效率提升
文件解析与提取 5-10分钟/个 <5秒/个 60-120x
批量文件处理(100个) 8-16小时 <5分钟 96-192x
API调用与响应解析 2-3分钟/次 <1秒/次 120-180x
多接口数据聚合 15-30分钟 <10秒 90-180x
命令执行与结果收集 3-5分钟/次 <2秒/次 90-150x
重复任务批量执行 因任务而异 线性缩减 5-50x
错误排查与修复 10-30分钟 <30秒 20-60x

差异化对比

对比维度 本技能 传统手动方式 通用脚本工具
自动化程度 全流程自动 完全手动 部分自动
错误处理 内置错误恢复 依赖人工经验 基本try-catch
可复用性 参数化配置 一次性脚本 模板化
安全合规 内置安全检查 无安全保障 无安全保障
适用场景 核心功能 通用场景 通用场景

常见问题

5 问
答案由本站依据条目字段整理
banner-gen-tool-free怎么安装?

在支持 Skills 的客户端里执行:skillhub install zcwl/banner-gen-tool-free。安装方式为未标注。装完刷新技能列表或重开客户端。

banner-gen-tool-free支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

banner-gen-tool-free权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

banner-gen-tool-free收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

banner-gen-tool-free用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。