用途
Ad Creative 用于把广告创意渲染为 HTML 图像，适合以下场景：
- 从头脑风暴得到的广告概念生产广告图
- 为 A/B 测试创建多个广告变体
- 迭代广告设计（新标题、不同截图、颜色变更）
主要能力
- 提供 5 种模板风格：cookie-cutter、ugly、meme、branded、native，默认 cookie-cutter
- 支持自定义标题、品牌色（主色/背景色/文字色 hex）、字体、Logo URL
- 支持产品图片（product-image 与 branded 风格必需），建议使用真实截图而非 mockup 或图库图片
- 支持自定义尺寸与常见预设：square 1200x1200px（社交信息流）、landscape 1440x1000px（Reddit/展示广告）
- 内置标题优化参考（Hook Formula Bank、标题公式、标题长度规则）和直接响应检查清单
- 可选通过 Playwright MCP 自动截图，输出 PNG
- 保留 HTML 文件，便于手动调整文案、颜色或图片后重新截图
使用方式
- 收集输入：标题文本、品牌色（可选，默认背景 #0f172a、文字 #ffffff、强调色 #3b82f6）、字体（可选，默认系统 sans-serif 栈）、Logo URL（可选）、产品图片（可选；product-image 与 branded 风格必需）、风格（默认 cookie-cutter）、尺寸（预设或自定义）、平台，以及可选的来自 ad-angles 的广告概念块。
- 选择或优化标题：若未提供标题或需要加强，可使用 Hook Formula Bank 与标题公式；标题长度上，短标题（少于 40 字符）影响最高，若标题需要解释，则可能对广告图而言过于复杂。
- 直接响应检查清单：在构建 HTML 前校验单条信息、以利益为导向的标题、视觉与标题匹配、明确的 CTA、无竞争元素、移动端可读、情绪共鸣等。
- 构建 HTML：按所选模板创建自包含 HTML 文件。各模板设计规则包括：
- cookie-cutter：大号加粗高对比标题（最多 2 行），产品图居中带轻微投影、约占画布宽度 60%，纯色或轻微渐变背景，无 Logo、装饰元素或额外文字；标题字号少于 40 字符为 64px，40-70 字符为 52px，超过 70 字符为 42px。
- ugly：默认 1200x1200px 方形，文字占据画布顶部 60%，无产品图片，使用 700-900 粗字重，刻意不做渐变、阴影、圆角；提供高对比配色组合（如黑/黄、红/白、蓝/白、白/黑、黄/黑）；标题字号少于 30 字符为 96px，30-60 字符为 72px，超过 60 字符为 56px。
- meme：使用可识别的 meme 模板，顶部文字为铺垫（问题或旧方式），底部文字为笑点（产品或新方式），文字保持简短，方形 1200x1200 效果最佳。
- branded：使用品牌真实颜色，统计数字用强调色配弱化标签，产品图居中带阴影，底部放置社会证明行。
- native：浅色背景（#f8fafc 或白色），系统字体栈、常规字重，正文读起来像真实帖子而非营销标题，底部带模拟互动指标。
- 保存 HTML 文件：文件命名为 ad-{slug}.html，其中 {slug} 为标题的 kebab-case 形式（截断至 40 字符）。
- 使用 Playwright MCP 截图（如可用）：用 browser_resize 设置视口为精确尺寸，通过 file:// URL 访问 HTML 文件，截取视口并保存为 PNG。Playwright MCP 需以 --allow-unrestricted-file-access 和 --browser chromium 标志配置。若不可用，则展示 HTML 文件并告知用户可手动在浏览器中打开并截图，或配置 Playwright MCP 进行自动捕获。
- 验证、展示与迭代：向用户展示每个广告的图像预览（若已截图）、汇总所有已渲染广告的表格，以及 PNG 和 HTML 文件的路径；并询问是否需要迭代（改标题、改颜色或风格、改产品图、改尺寸），在用户确认满意前不应视为完成。
输出格式
输出包含日期、产出广告数量、尺寸，以及每个广告的概念名、标题、风格、HTML 路径、PNG 路径（如可用）和图像预览；另附上载检查清单：尺寸正确、每张图文件大小低于 3MB、格式为 PNG 或 JPG、标题在移动端可读（50% 缩放测试）、品牌色与落地页一致。
限制与注意事项
- cookie-cutter 模板刻意保持极简，应克制添加装饰元素
- 若产品图为白色背景，应使用深色广告背景（反之亦然）以保证对比
- 首选 PNG 以呈现清晰文字与 UI 截图
- 广告与落地页的视觉一致性有助于减少流失，应使用相同颜色、字体和设计系统
- 关于收费、价格、平台支持范围等未在资料中提供更多信息