界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

email-header-design

email-header-design

【设计与创意】Design email marketing headers and banners using each::sense AI. Generate professional email header graphics for newsletters, promotional campaigns, welcome sequences, product announcements, and seasonal marketing emails. Optimized for email client rendering at 600px width. Use for: email headers, newsletter banners, email campaign graphics, promotio…

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: email-header-design description: "Design email marketing headers and banners using each::sense AI. Generate professional email header graphics for newsletters, promotional campaigns, welcome sequences, product announcements, and seasonal marketing emails. Optimized for email client rendering at 600px width. Use for: email headers, newsletter banners, email campaign graphics, promotional email images, welcome email art, email marketing visuals. Triggers: email header, email banner, newsletter header, email graphic, email marketing image, newsletter banner, promotional email, campaign header, email design, newsletter design, email hero image" allowed-tools: Bash(curl *), WebFetch

Email Header Design

Design professional email marketing headers and banners using each::sense — the intelligent AI agent that automatically selects the best model for your request.

Quick Start

Requires an each::labs API key. Get one at eachlabs.ai.

Using curl

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design an email header for a weekly tech newsletter. Clean gradient from midnight blue to dark teal, abstract circuit board lines fading in from the edges, modern and professional, 600x200 proportions, centered area for newsletter title."
      }
    ],
    "stream": false
  }'

Using Python (OpenAI SDK)

from openai import OpenAI

client = OpenAI(
    api_key="YOUR_EACHLABS_API_KEY",
    base_url="https://eachsense-agent.core.eachlabs.run/v1"
)

response = client.chat.completions.create(
    model="eachsense/beta",
    messages=[{
        "role": "user",
        "content": "Design an email header for a weekly tech newsletter. Clean gradient from midnight blue to dark teal, abstract circuit board lines fading in from the edges, modern and professional, 600x200 proportions, centered area for newsletter title."
    }]
)

print(response.choices[0].message.content)

With Reference Image

Match your brand guidelines or existing email templates:

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": [
              {"type": "text", "text": "Create an email header that matches this brand style. Same color palette and aesthetic, 600x200 proportions, suitable for a product update newsletter, clean with logo placement area on the left."},
              {"type": "image_url", "image_url": {"url": "https://example.com/brand-reference.jpg"}}
            ]
          }
    ],
    "stream": false
  }'

Images are sent inside messages using the OpenAI multimodal content format. Maximum 4 images per request.

Streaming

Set "stream": true for real-time SSE responses, or "stream": false for complete result in a single response. Streaming is useful for showing progress in UIs; non-streaming is simpler for scripts and automation.

Email Header Types

TypeDimensionsPurpose
Standard Header600 x 200 pxNewsletter masthead
Hero Banner600 x 300 pxPromotional campaigns
Full Width Hero600 x 400 pxProduct launches
Minimal Strip600 x 100 pxTransactional emails
Section Divider600 x 50 pxContent separation

Prompt Engineering Tips

Keywords That Work

email header, newsletter banner, clean and professional, brand-consistent,
horizontal banner format, email-safe colors, bold yet simple,
centered composition, 600px width proportions, text overlay area

Keywords to Avoid

animation or motion — static images only in most email clients
transparent background — not all clients support PNG transparency
ultra-fine details — images are often compressed for email delivery
neon glow effects — can look different across email clients

Prompt Structure

email header for [email type], [visual elements], [background], [color palette], [dimensions] proportions, [text area placement]

Examples

Product Launch Email

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Create a hero banner for a product launch email. Smooth gradient from charcoal to warm copper, a sleek product silhouette spotlight area in the center, light rays emanating upward, premium and exciting, 600x300 proportions."
      }
    ],
    "stream": false
  }'

Seasonal Holiday Email

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a holiday season email header. Rich dark green background with scattered golden snowflakes and bokeh light effects, festive and elegant without being kitschy, sophisticated brand aesthetic, 600x200 proportions."
      }
    ],
    "stream": false
  }'

Welcome Series Email

curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Design a welcome email header for a SaaS onboarding sequence. Bright and optimistic gradient from sky blue to white, abstract confetti-like geometric shapes floating upward, friendly and inviting, 600x250 proportions with centered greeting area."
      }
    ],
    "stream": false
  }'

Email Design Constraints

  • 600px max width is the safe standard for email clients
  • Total email size under 100KB of images for fast loading
  • JPEG for photos, PNG for graphics with solid colors
  • Always include alt text — many clients block images by default
  • Dark mode support — test how your header looks inverted
  • Retina displays — generate at 2x (1200px wide) and display at 600px

Workflow

# Step 1: Generate the main header 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" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Email header for a fitness brand newsletter. Energetic gradient from deep orange to magenta, abstract silhouette of a runner in motion on the right, dynamic and motivating, 600x200 proportions."
      }
    ],
    "stream": false
  }'

# Step 2: Create a matching promotional 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" \
  -d '{
    "messages": [
      {
        "role": "user",
        "content": "Email header for a fitness brand newsletter. Energetic gradient from deep orange to magenta, abstract silhouette of a runner in motion on the right, dynamic and motivating, 600x200 proportions."
      },
      {
        "role": "assistant",
        "content": "..."
      },
      {
        "role": "user",
        "content": "Now create a matching promotional banner for a mid-email section. Same color palette but as a 600x150 strip, with the gradient reversed and a more subtle version of the motion elements. This will be used as a sale announcement divider."
      }
    ],
    "stream": false
  }'

Related Skills

Related Models

Documentation

我的收藏