Ckmbanner Design

• 您需要为一个或多个社交媒体平台制作横幅，并希望在一次操作中获得多种风格选项供您选择。
• 您正在开展广告活动，需要符合平台文字比例规则的 Google Display 或 Meta 横幅。
• 您正在设计网站主视觉区域，希望根据您的品牌规范生成 AI 视觉效果。
• 您需要300 DPI 带出血的活动或印刷横幅，并希望拥有一套可重复使用的引导式工作流程。

• 您需要视频剪辑、动态图形或动画横幅——此技能仅输出静态图像。
• 您需要超出首屏部分的完整网站设计。
• 您需要印刷生产服务（印前文件提交、色彩打样）——此技能可输出符合印刷规格的文件，但不负责管理印刷生产流程。

每个设计请求将生成 2–3 种不同的艺术方向变体（默认：3 种），涵盖极简主义、粗体排版、渐变、玻璃拟态、霓虹、几何、复古等多种风格。这让您可以在确定最终方向之前对比各种方案。

背景图案、渐变效果及快速迭代使用快速标准（Flash）模型，输出分辨率为2K。主视觉插图、照片级写实场景及复杂产品图使用Pro模型，输出分辨率为4K。Ckmbanner Design技能会根据复杂程度自动将每个元素路由至适合的模型。

内置尺寸参考涵盖 Facebook 封面、Twitter/X 页眉、LinkedIn、YouTube 频道封面、Instagram 故事与帖子、Google Ads 排行榜广告与中型矩形广告，以及网站主视觉横幅。HTML/CSS 横幅将按精确像素尺寸进行渲染并截图输出。

每个横幅均严格执行安全区域规则（关键内容位于中央 70–80% 区域）、单一行动号召按钮、最多两种字体、4.5:1 对比度比例，以及 Meta 的文字占比不超过 20% 的准则。印刷输出以 300 DPI、CMYK 色彩模式生成，并保留 3–5 毫米出血位。

完成HTML/CSS排版后，每个横幅均通过Chrome DevTools自动截图并保存为指定名称的PNG文件。超过5 MB的文件将通过Sharp进行压缩处理。输出文件名遵循kebab-case命名规范，格式为{style}-{width}x{height}.png，并按广告活动文件夹分组存放。

存储在 docs/brand-guidelines.md 中的品牌规范会通过 inject-brand-context.cjs 自动注入到每个横幅中，确保颜色、字体和徽标位置在所有变体中保持一致，无需手动重复输入。

向技能提供您的活动标题、行动号召（CTA）以及目标平台（例如：Facebook 封面图 + Instagram 帖子图 + Twitter/X 页眉图）。Ckmbanner Design 将研究设计参考资料，为每种尺寸生成三种艺术方向方案，并交付可直接上传的命名 PNG 文件。

提供您的广告文案和品牌素材。该技能将生成一对排行榜横幅（728×90）和中型矩形（300×250）广告，将文字区域控制在20%以内以符合 Meta 和 Google 的政策要求，然后导出压缩后的 PNG 文件，可直接上传至您的广告平台。

描述您的产品或信息，以及您偏好的视觉风格基调。该技能由 Ckmbanner Design 生成一张全出血 1920×600–1080 的英雄横幅图像，叠加排版文字，并针对响应式裁切设置安全区域，最终导出高分辨率 PNG 文件，可直接用于您的前端页面。

指定物理尺寸后，Ckmbanner Design 将输出一个 300 DPI CMYK 文件，并带有 3–5 毫米出血区域——可直接交付给印刷供应商使用。根据活动类型，风格选项涵盖从大胆的编辑版式到复古/怀旧风格等多种处理方式。