用途:这是仅处理横幅(Banner)设计的技能,适用于社交媒体封面/头图、广告横幅、网站 Hero 首屏、活动/印刷横幅以及营销创意素材。不处理视频剪辑、完整网站设计与印刷生产。
主要能力:先通过 AskUserQuestion 收集需求(用途、平台/尺寸、文案内容、品牌规范、风格偏好、生成数量,默认 3 个方案);随后激活 ui-ux-pro-max 获取设计参考,并用 Chrome 浏览 Pinterest 搜索参考图截图取灵感;再从 references/banner-sizes-and-styles.md 选择 2-3 个互补艺术方向。每个方案用 frontend-design 技能制作 HTML/CSS 横幅,套用平台精确尺寸、安全区(关键内容居中 70-80%)、最多 2 种字体、单一 CTA、4.5:1 对比度,并通过 inject-brand-context.cjs 注入品牌上下文。视觉元素由 ai-artist 与 ai-multimodal 生成,可选标准模型(gemini-2.5-flash-image,2K,快,适合背景/渐变/图案)或 Pro 模型(gemini-3-pro-image-preview,4K,适合主视觉插画/产品图/写实复杂场景),支持 1:1、16:9、9:16、3:4、4:3、2:3、3:2 等比例。最后用 chrome-devtools 技能按精确尺寸截图为 PNG,超过 5MB 自动用 Sharp 压缩,输出到 assets/banners/{campaign}/,文件名用 {style}-{width}x{height}.ext。
使用方式:按工作流五步执行(收集需求→调研与艺术方向→设计与生成→导出 PNG→展示选项与迭代)。生成视觉时可运行例如 python3 .claude/skills/ai-artist/scripts/search.py "<banner style keywords>" 搜索提示词灵感;用 gemini_batch_process.py 加 --task generate --model --prompt --aspect-ratio --size --output 生成图片;用 screenshot.js 加 --url --width --height --output 导出,必要时加 --max-size。
适用场景与限制:适合需要多方案对比的横幅创意生产与 A/B 变体;内置 10(共 22)种艺术方向如极简、粗体字、渐变、照片、几何、复古、玻璃拟态、霓虹、编辑风、3D。设计规则包括广告文字占比低于 20%、印刷用 300 DPI/CMYK/3-5mm 出血。具体收费、价格与更多平台尺寸细节资料暂未提供。