用途：在用户提出横幅、封面或页眉设计需求时激活，覆盖社交媒体封面/页眉、广告横幅（展示广告）、网站 hero 视觉、活动或印刷横幅，以及营销活动创意素材。不支持视频剪辑、完整网站设计与印刷生产。
主要能力：每个需求可产出多套艺术方向选项（默认 3 套）；包含平台尺寸与风格参考（如 Twitter/X 页眉 1500×500，Instagram 故事 1080×1920，Google Ads 中矩形 300×250，网站 Hero 1920×600-1080 等，完整参考见 references/banner-sizes-and-styles.md）；提供 22 种艺术方向风格，包括极简、粗体排版、渐变、照片、几何、复古、玻璃拟态、霓虹赛博朋克、编辑风、3D 等。设计规则含安全区（关键内容置于画布中央 70-80%）、每张横幅一个 CTA（右下角、最小 44px 高、使用动作动词）、最多 2 种字体、正文最小 16px、标题 ≥32px、广告文字占比低于 20%、印刷 300 DPI/CMYK/3-5mm 出血，并通过 inject-brand-context.cjs 注入品牌上下文。
使用方式：先通过 AskUserQuestion 收集用途、平台/尺寸、内容（标题、副文本、CTA、Logo 位置）、品牌规范（检查 docs/brand-guidelines.md）、风格偏好与生成数量；再研究艺术方向，激活 ui-ux-pro-max 技能并用 Chrome 在 Pinterest 检索参考（搜索如“[purpose] banner design [style]”并截图 3-5 张）；随后用 frontend-design 技能创建 HTML/CSS 横幅，并调用 ai-artist 与 ai-multimodal 技能生成视觉元素，例如：python3 .claude/skills/ai-artist/scripts/search.py "<banner style keywords>"；生成命令：.claude/skills/.venv/bin/python3 .claude/skills/ai-multimodal/scripts/gemini_batch_process.py --task generate --model gemini-2.5-flash-image --prompt "<banner visual prompt>" --aspect-ratio <platform-ratio> --size 2K --output assets/banners/（Pro 模型为 gemini-3-pro-image-preview 与 --size 4K）。之后用 chrome-devtools 技能导出 PNG：node .claude/skills/chrome-devtools/scripts/screenshot.js --url "http://localhost:8765/banner-01-minimalist.html" --width 1500 --height 500 --output "assets/banners/{campaign}/{variant}-{size}.png"；超过 5MB 时自动压缩。输出按 assets/banners/{campaign}/ 组织，文件名用 kebab-case 的 {style}-{width}x{height}.{ext}，时效性活动可加 {YYMMDD}- 前缀。最后把导出图并排展示，附艺术方向名称、设计理由、文件路径与尺寸，并按反馈迭代。
限制：技能自身声明仅做横幅设计；运行依赖 Python，Windows 上需用 python 而非 python3（例如 python scripts/search.py）；模型选择上，背景/渐变/图案用 Standard（Flash，2K 快），Hero 插画、产品图、照片级场景与复杂艺术用 Pro（4K），快速迭代与 A/B 变体用 Standard。其他细节（如具体收费、平台兼容版本）暂未提供。