mcpField
E
email-banner-generation

email-banner-generation

github.com/eachlabs营销与增长44202 次安装今天更新
代码仓库

关于 email-banner-generation

email-banner-generation 是使用 each::sense 制作电子邮件营销图片的技能，涵盖常见营销活动版式，并支持迭代和批量生成变体。

主要功能

  1. 01新闻邮件与促销横幅
  2. 02产品、欢迎及季节性邮件头图
  3. 03活动、评价及签名图片
  4. 04适配邮件的 600px 宽版式
  5. 05迭代修改与批量生成变体

适用场景

  1. 01制作新闻邮件头图
  2. 02准备促销或产品发布视觉素材
  3. 03生成活动邀请图片
  4. 04为 A/B 测试探索横幅变体

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/eachlabs/skills --skill email-banner-generation

安装后在 Claude Code 中输入/email-banner-generation确认已加载。

附带文件references/SSE-EVENTS.md

详细介绍

电子邮件横幅生成

使用 each::sense 生成高转化率的电子邮件营销横幅和页眉。这项技能可创建针对电子邮件客户端优化的图片，采用标准的 600px 宽度，确保最佳兼容性。

功能

  • 新闻简报页眉：用于定期新闻简报的专业页眉
  • 促销横幅：促销公告和折扣活动
  • 产品公告：新产品和功能发布视觉素材
  • 欢迎邮件：给新订阅者留下第一印象的页眉
  • 季节性活动：节日和季节主题横幅
  • 活动邀请：网络研讨会、会议和活动页眉
  • 限时抢购横幅：采用倒计时风格图形营造紧迫感
  • 客户评价横幅：客户评价和社会认同视觉素材
  • 电子邮件签名：专业的品牌签名横幅

快速开始

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create an email newsletter header, 600px wide, for a tech company weekly digest. Modern, clean design with blue gradient background."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

电子邮件横幅尺寸和最佳实践

横幅类型尺寸用途
标准页眉600x200新闻简报页眉、一般公告
主视觉横幅600x300促销活动、产品发布
紧凑型页眉600x150极简页眉、签名横幅
完整展示600x400产品展示、活动邀请
签名横幅600x100电子邮件签名图形

注意： 600px 宽度是适用于电子邮件的标准尺寸，可在所有主流电子邮件客户端（Gmail、Outlook、Apple Mail 等）中正确显示。

使用场景示例

1. 新闻简报页眉
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x200px email newsletter header for a tech startup weekly digest. Clean modern design with subtle geometric patterns, dark blue to purple gradient background. Include space for logo on the left side. Professional and contemporary feel."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
2. 促销活动横幅
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px promotional email banner for a 50% off summer sale. Bright, energetic design with coral and yellow colors. Include visual space for SALE headline text and shop now button. E-commerce fashion brand style."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
3. 产品公告横幅
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px email banner announcing a new smartphone launch. Premium tech aesthetic with dark background, subtle light rays, and space for product image placement. Apple-style minimalism with focus on elegance."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
4. 欢迎邮件页眉
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x250px welcome email header for a fitness app. Warm, inviting design with energetic person silhouette, sunrise gradient (orange to yellow), motivational atmosphere. Space for Welcome message and brand logo."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
5. 节日／季节性横幅
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px holiday email banner for Christmas sale campaign. Festive design with snow, pine trees silhouettes, red and gold color scheme. Elegant with subtle sparkles, space for holiday greeting text and discount badge."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
6. 活动邀请页眉
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x350px email header for a virtual conference invitation. Professional corporate design with abstract network visualization, deep blue and teal colors. Include visual areas for event name, date, and register button. Tech conference aesthetic."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
7. 新系列公告
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px email banner for a fashion brand new spring collection launch. Elegant, high-fashion aesthetic with soft pastel colors (blush pink, sage green). Minimalist with space for NEW COLLECTION text overlay. Luxury brand feel."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
8. 限时抢购倒计时横幅
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x250px flash sale email banner with urgency. Bold design with red and black colors, dynamic diagonal stripes or lightning bolt elements. Include visual space for countdown timer display boxes (hours:minutes:seconds). High energy, act now feeling."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
9. 客户评价／评论横幅
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x280px email banner for customer testimonials section. Clean design with soft gradient background (light gray to white), space for circular customer photo placeholder, quote marks design element, 5-star rating visual. Trust-building, professional layout."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
10. 电子邮件签名横幅
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x100px email signature banner for a marketing agency. Sleek horizontal design with subtle gradient, space for company logo on left, social media icon placeholders on right. Professional, minimal, brand-forward design."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'

最佳实践

适用于电子邮件的设计
  • 宽度：始终使用 600px 宽度，以确保与电子邮件客户端的最佳兼容性
  • 文件大小：将图片控制在 1MB 以下，以加快加载速度
  • 格式：带透明效果的图形使用 PNG，照片使用 JPG
  • 替代文本：始终添加描述性替代文本，确保无障碍访问
  • 视网膜屏支持：可考虑使用 1200px 宽度的图片，并缩放至 600px，以适配视网膜屏
视觉指南
  • 文字空间：为文字叠加预留清晰区域
  • 对比度：确保文字区域具有足够的对比度
  • 品牌一致性：在各项活动中保持颜色和风格一致
  • 移动设备：设计时考虑移动电子邮件客户端（单列布局）
  • 安全区域：关键元素应远离边缘
内容提示
  • 清晰的层级：最重要的信息应一目了然
  • 单一焦点：每个横幅只传达一条核心信息
  • 行动号召醒目：确保行动号召区域突出显示
  • 尽量精简文字：尽可能使用辅助 HTML 文本，而不是将文字嵌入图片

电子邮件横幅的提示词技巧

创建电子邮件横幅时，请在提示词中包含以下详细信息：

  1. 尺寸：指定准确尺寸（例如，600x300px）
  2. 横幅类型：页眉、促销、公告等
  3. 配色方案：品牌色或所需配色
  4. 文字空间：标题／行动号召的放置位置
  5. 风格：极简、醒目、优雅、活泼等
  6. 行业：电子商务、SaaS、健身、时尚等
提示词结构示例
"Create a [width]x[height]px email [banner type] for [industry/brand].
[Style description] with [color scheme].
Include space for [text elements like headline, CTA, logo].
[Mood/feeling] aesthetic."

模式选择

生成前请询问用户：

“您想要速度快、成本低，还是品质高？”

模式适用场景速度品质
max最终活动横幅、A/B 测试胜出方案较慢最高
eco快速草稿、概念探索、批量变体较快良好

多轮创意迭代

使用 session_id 迭代电子邮件横幅：

# Initial banner
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px promotional email banner for Black Friday sale. Bold design with dark background."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "email-campaign-bf2024"
  }'

# Iterate based on feedback
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Add more gold accents and make the design more premium looking. Include space for 70% OFF text."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "email-campaign-bf2024"
  }'

# Request size variation
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a compact 600x150px version of this banner for email signature use."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "email-campaign-bf2024"
  }'

活动批量生成

生成多个变体，用于 A/B 测试：

# Variation A - Bold colors
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px email banner for spring sale - bold vibrant colors, energetic design"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation B - Minimal design
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px email banner for spring sale - minimal clean design, soft pastels"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

# Variation C - Photo-centric
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 600x300px email banner for spring sale - lifestyle photography style, person in spring setting"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "eco"
  }'

错误处理

错误原因解决方案
Failed to create prediction: HTTP 422余额不足在 eachlabs.ai 充值
内容政策违规内容被禁止调整提示词，使其符合内容政策
超时生成内容复杂将客户端超时设置为至少 10 分钟

相关技能

  • each-sense - 核心 API 文档
  • meta-ad-creative-generation - Meta/Facebook 广告创意
  • product-photo-generation - 电商产品照片

评论

支持 Markdown