用途:Banner Design 是一个多格式创意横幅设计系统,覆盖社交、广告、网页与印刷格式。它只处理横幅设计,不涉及视频剪辑、完整网站设计或印刷生产。
主要能力:可生成多个艺术方向方案,视觉元素支持 CSS 构建、用户提供素材,或在运行时具备授权图像生成能力时生成背景或插画。内置尺寸、安全区与艺术方向参考(references/banner-sizes-and-styles.md),含 22 种风格与常用平台尺寸,如 Twitter/X 头图 1500×500、Instagram 帖子 1080×1080、Google Ads 中等矩形 300×250、网站首屏 1920×600-1080 等。
使用方式:先通过 AskUserQuestion 收集用途、平台/尺寸、内容、品牌、风格偏好与数量(默认 3 个);再读取尺寸与风格参考并选定 2-3 个互补艺术方向;随后用 HTML/CSS 按精确尺寸制作,遵守安全区(关键内容居中 70-80%)、最多 2 种字体、单一 CTA、文字对比度至少 4.5:1;最后在浏览器按目标视口预览并截图导出 PNG,校验像素尺寸、安全区裁切、字体加载与画质。输出路径约定为 assets/banners/{campaign}/,文件名用 kebab-case 的 {style}-{width}x{height}.{ext},时效活动可加 {YYMMDD}- 前缀。
适用场景:社交封面/头图、广告横幅或展示广告、网站首屏视觉、活动/印刷横幅、营销创意素材。
限制:不处理视频编辑、完整网站设计与印刷生产;浏览器研究、图像生成与截图工具均为可选,不可用时改用用户素材、CSS 视觉与运行时标准预览/截图流程;生成视觉的提示词不得含文字字母,以便最终文案在 HTML 中保持可编辑与可访问;品牌规则仅应用用户提供并核实的内容,不得自行编造;印刷需 300 DPI、CMYK、3-5mm 出血;广告文字占比建议低于 20%。