무료GitHub에 공개

generate-email-banner

Generate a personalized email banner image with text, logo, and brand colors.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills

연동 도구n8n

설치 방법 보기

포함된 파일(1)

SKILL.md9.7 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Generate Email Banner

Marketing teams and email platforms use this recipe to generate a personalized banner image for an email campaign. Define a canvas with your brand colors, add a logo and headline text — ready for embedding in an HTML email.

APIs Used

Image Generation (1 credits/request)

Prerequisites

You need an Iteration Layer API key. Get one at platform.iterationlayer.com during the 7-day trial.

For full integration guidance (SDKs, auth, MCP, error handling), see the Iteration Layer Integration Guide.

Implementation

curl -X POST https://api.iterationlayer.com/image-generation/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "dimensions": {
      "width_in_px": 600,
      "height_in_px": 200
    },
    "layers": [
      {
        "index": 0,
        "type": "solid-color",
        "hex_color": "#1a1a2e"
      },
      {
        "index": 1,
        "type": "image",
        "file": {
          "type": "base64",
          "name": "logo.png",
          "base64": "<base64-encoded-logo>"
        },
        "position": {
          "x_in_px": 20.0,
          "y_in_px": 50.0
        }
      },
      {
        "index": 2,
        "type": "text",
        "text": "Summer Sale — 30% Off",
        "font_name": "Montserrat",
        "font_size_in_px": 36,
        "text_color": "#FFFFFF",
        "position": {
          "x_in_px": 150.0,
          "y_in_px": 40.0
        },
        "dimensions": {
          "width_in_px": 420,
          "height_in_px": 50
        }
      },
      {
        "index": 3,
        "type": "text",
        "text": "Shop now at example.com",
        "font_name": "Inter",
        "font_size_in_px": 18,
        "text_color": "#E94560",
        "position": {
          "x_in_px": 150.0,
          "y_in_px": 110.0
        },
        "dimensions": {
          "width_in_px": 420,
          "height_in_px": 40
        }
      }
    ],
    "output_format": "png"
  }'

import { IterationLayer } from "iterationlayer";
const client = new IterationLayer({ apiKey: "YOUR_API_KEY" });

const result = await client.generateImage({
  dimensions: {
    width_in_px: 600,
    height_in_px: 200,
  },
  layers: [
    {
      index: 0,
      type: "solid-color",
      hex_color: "#1a1a2e",
    },
    {
      index: 1,
      type: "image",
      file: {
        type: "base64",
        name: "logo.png",
        base64: "<base64-encoded-logo>",
      },
      position: {
        x_in_px: 20,
        y_in_px: 50,
      },
    },
    {
      index: 2,
      type: "text",
      text: "Summer Sale — 30% Off",
      font_name: "Montserrat",
      font_size_in_px: 36,
      text_color: "#FFFFFF",
      position: {
        x_in_px: 150,
        y_in_px: 40,
      },
      dimensions: {
        width_in_px: 420,
        height_in_px: 50,
      },
    },
    {
      index: 3,
      type: "text",
      text: "Shop now at example.com",
      font_name: "Inter",
      font_size_in_px: 18,
      text_color: "#E94560",
      position: {
        x_in_px: 150,
        y_in_px: 110,
      },
      dimensions: {
        width_in_px: 420,
        height_in_px: 40,
      },
    },
  ],
  output_format: "png",
});

from iterationlayer import IterationLayer
client = IterationLayer(api_key="YOUR_API_KEY")

result = client.generate_image(
    dimensions={
        "width_in_px": 600,
        "height_in_px": 200,
    },
    layers=[
        {
            "index": 0,
            "type": "solid-color",
            "hex_color": "#1a1a2e",
        },
        {
            "index": 1,
            "type": "image",
            "file": {
                "type": "base64",
                "name": "logo.png",
                "base64": "<base64-encoded-logo>",
            },
            "position": {
                "x_in_px": 20,
                "y_in_px": 50,
            },
        },
        {
            "index": 2,
            "type": "text",
            "text": "Summer Sale — 30% Off",
            "font_name": "Montserrat",
            "font_size_in_px": 36,
            "text_color": "#FFFFFF",
            "position": {
                "x_in_px": 150,
                "y_in_px": 40,
            },
            "dimensions": {
                "width_in_px": 420,
                "height_in_px": 50,
            },
        },
        {
            "index": 3,
            "type": "text",
            "text": "Shop now at example.com",
            "font_name": "Inter",
            "font_size_in_px": 18,
            "text_color": "#E94560",
            "position": {
                "x_in_px": 150,
                "y_in_px": 110,
            },
            "dimensions": {
                "width_in_px": 420,
                "height_in_px": 40,
            },
        },
    ],
    output_format="png",
)

package main

import il "github.com/iterationlayer/sdk-go"

func main() {
	client := il.NewClient("YOUR_API_KEY")

	result, err := client.GenerateImage(il.GenerateImageRequest{
	Dimensions:   il.Dimensions{
   WidthInPx: 600,
   HeightInPx: 200,
 },
	OutputFormat: "png",
	Layers: []il.Layer{
		il.NewSolidColorBackgroundLayer(0, "#1a1a2e"),
		il.NewStaticImageLayer(1, il.FileInput{Buffer: "<base64-encoded-logo>"},
			il.Position{
     XInPx: 20,
     YInPx: 50,
   },
			il.Dimensions{}),
		il.NewTextLayer(2, "Summer Sale — 30% Off", "Montserrat", 36, "#FFFFFF",
			il.Position{
     XInPx: 150,
     YInPx: 40,
   },
			il.Dimensions{
     WidthInPx: 420,
     HeightInPx: 50,
   }),
		il.NewTextLayer(3, "Shop now at example.com", "Inter", 18, "#E94560",
			il.Position{
     XInPx: 150,
     YInPx: 110,
   },
			il.Dimensions{
     WidthInPx: 420,
     HeightInPx: 40,
   }),
	},
	})
	if err != nil {
		panic(err)
	}

}

{
  "name": "Generate Email Banner",
  "nodes": [
    {
      "parameters": {
        "content": "## Generate Email Banner\n\nMarketing teams and email platforms use this recipe to generate a personalized banner image for an email campaign. Define a canvas with your brand colors, add a logo and headline text \u2014 ready for embedding in an HTML email.\n\n**Note:** This workflow uses the Iteration Layer community node (`n8n-nodes-iterationlayer`). Install it via Settings > Community Nodes on self-hosted n8n, or add it directly on n8n Cloud with Verified Community Nodes enabled.",
        "height_in_px": 280,
        "width_in_px": 500,
        "color": 2
      },
      "type": "n8n-nodes-base.stickyNote",
      "typeVersion": 1,
      "position": [
        200,
        40
      ],
      "id": "2b832304-5d48-4e5c-9e83-07b063406a5b",
      "name": "Overview"
    },
    {
      "parameters": {
        "content": "### Step 1: Generate Image\nResource: **Image Generation**\n\nConfigure the Image Generation parameters below, then connect your credentials.",
        "height_in_px": 160,
        "width_in_px": 300,
        "color": 6
      },
      "type": "n8n-nodes-base.stickyNote",
      "typeVersion": 1,
      "position": [
        475,
        100
      ],
      "id": "6f305649-000c-4ba4-9b19-147a59361d0f",
      "name": "Step 1 Note"
    },
    {
      "parameters": {},
      "type": "n8n-nodes-base.manualTrigger",
      "typeVersion": 1,
      "position": [
        250,
        300
      ],
      "id": "c3d4e5f6-3333-4000-8000-000000000001",
      "name": "Manual Trigger"
    },
    {
      "parameters": {
        "resource": "imageGeneration",
        "widthInPx": 600,
        "heightInPx": 200,
        "outputFormat": "png",
        "layersJson": "[{\"index\":0,\"type\":\"solid-color\",\"hex_color\":\"#1a1a2e\"},{\"index\":1,\"type\":\"image\",\"file\":{\"type\":\"base64\",\"name\":\"logo.png\",\"base64\":\"<base64-encoded-logo>\"},\"position\":{\"x\":20.0,\"y\":50.0}},{\"index\":2,\"type\":\"text\",\"text\":\"Summer Sale \\u2014 30% Off\",\"font_name\":\"Montserrat\",\"font_size_in_px\":36,\"text_color\":\"#FFFFFF\",\"position\":{\"x\":150.0,\"y\":40.0},\"dimensions\":{\"width\":420,\"height\":50}},{\"index\":3,\"type\":\"text\",\"text\":\"Shop now at example.com\",\"font_name\":\"Inter\",\"font_size_in_px\":18,\"text_color\":\"#E94560\",\"position\":{\"x\":150.0,\"y\":110.0},\"dimensions\":{\"width\":420,\"height\":40}}]",
        "fontsJson": "[]"
      },
      "type": "n8n-nodes-iterationlayer.iterationLayer",
      "typeVersion": 1,
      "position": [
        500,
        300
      ],
      "id": "c3d4e5f6-3333-4000-8000-000000000002",
      "name": "Generate Image",
      "credentials": {
        "iterationLayerApi": {
          "id": "1",
          "name": "Iteration Layer API"
        }
      }
    }
  ],
  "connections": {
    "Manual Trigger": {
      "main": [
        [
          {
            "node": "Generate Image",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  },
  "settings": {
    "executionOrder": "v1"
  }
}

Generate a personalized email banner image at 600x200 pixels. Use the generate_image tool with these layers:

1. Background: gradient layer with [brand colors]
2. Logo: image layer with [logo URL] positioned left
3. Headline: text layer with [campaign headline] in bold white text
4. Subtext: text layer with [supporting text] in smaller font

Response

{
  "success": true,
  "data": {
    "buffer": "iVBORw0KGgoAAAANSUhEUgAA...",
    "mime_type": "image/png"
  }
}

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

같은 저장소의 스킬

compress-image-for-email

무료

Resize, sharpen, and compress an image to fit email platform size limits in a single pipeline.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills42026년 6월 9일 업데이트

compress-image-to-target-size

무료

Compress an image to fit within a specific file size in bytes using quality-first compression.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills42026년 6월 9일 업데이트

convert-contract-to-markdown

무료

Convert a contract PDF to clean markdown for clause extraction or LLM analysis.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills42026년 6월 9일 업데이트

convert-document-for-knowledge-base

무료

Convert external documents — specs, contracts, reports — to markdown for knowledge base ingestion.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills42026년 6월 9일 업데이트

convert-document-for-rag-ingestion

무료

Convert a document to clean markdown suitable for chunking and embedding in a RAG pipeline.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills42026년 6월 9일 업데이트

convert-image-format

무료

Convert an image between PNG, JPEG, and WebP formats with quality control for web optimization.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iterationlayer/skills42026년 6월 9일 업데이트

iterationlayer의 스킬 모두 보기

이 스킬의 문제 신고

설치

명령으로 설치

npx skills add https://github.com/iterationlayer/skills --skill generate-email-banner

터미널에 붙여 넣고 실행합니다(Node.js 필요). Claude Code, Codex 등 설치할 에이전트를 고를 수 있습니다.

에이전트에게 부탁하기

다음 Agent Skill을 설치해 주세요.
https://github.com/iterationlayer/skills/tree/main/skills/generate-email-banner

먼저 SKILL.md와 첨부 파일의 내용을 확인해 수상한 처리(외부 전송, 인증 정보 읽기 등)가 없는지 확인한 뒤 Claude Code는 ~/.claude/skills/generate-email-banner/, Codex는 ~/.agents/skills/generate-email-banner/ 에 배치해 주세요.

이 문장을 그대로 Claude Code나 Codex에 보내면 내용을 확인한 뒤 설치해 줍니다.

GitHub에서 소스 보기

저장소: iterationlayer/skills
스타: 4
포크: 0
카테고리: 업무 효율화
라이선스: MIT
원문 언어: 영어
최종 업데이트: 2026년 6월 9일

스킬은 에이전트를 위한 지시와 스크립트의 묶음입니다. cccskills는 내용의 안전성을 보증하지 않습니다. 설치하기 전에 내용을 확인하세요.

포함된 파일(1)

SKILL.md(원문)

Generate Email Banner

APIs Used

Prerequisites

Implementation

Response

Links

리뷰

댓글

같은 저장소의 스킬

compress-image-for-email

compress-image-to-target-size

convert-contract-to-markdown

convert-document-for-knowledge-base

convert-document-for-rag-ingestion

convert-image-format