무료GitHub에 공개

generate-youtube-thumbnail

Generate a YouTube thumbnail with bold title text, gradient background, and a static image cutout.

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

iterationlayer/skills

연동 도구YouTube n8n

설치 방법 보기

포함된 파일(1)

SKILL.md11.9 KB

SKILL.md(원문)

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

Generate YouTube Thumbnail

Content creators and video platforms use this recipe to generate eye-catching thumbnails at scale. Define a bold gradient canvas, overlay a subject photo with background removal, and add large title text — ready for YouTube uploads, social previews, or content management systems.

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": 1280,
      "height_in_px": 720
    },
    "layers": [
      {
        "index": 0,
        "type": "gradient",
        "gradient_type": "linear",
        "angle_in_degrees": 135.0,
        "colors": [
          {
            "hex_color": "#FF6B00",
            "position": 0.0
          },
          {
            "hex_color": "#D90429",
            "position": 100.0
          }
        ],
        "position": {
          "x_in_px": 0.0,
          "y_in_px": 0.0
        },
        "dimensions": {
          "width_in_px": 1280,
          "height_in_px": 720
        }
      },
      {
        "index": 1,
        "type": "image",
        "file": {
          "type": "base64",
          "name": "subject-photo.png",
          "base64": "<base64-encoded-subject-photo>"
        },
        "should_remove_background": true,
        "position": {
          "x_in_px": 700.0,
          "y_in_px": 60.0
        }
      },
      {
        "index": 2,
        "type": "text",
        "text": "I Built an App in 24 Hours",
        "font_name": "Montserrat",
        "font_size_in_px": 64,
        "text_color": "#FFFFFF",
        "font_weight": "bold",
        "position": {
          "x_in_px": 50.0,
          "y_in_px": 120.0
        },
        "dimensions": {
          "width_in_px": 620,
          "height_in_px": 280
        }
      },
      {
        "index": 3,
        "type": "text",
        "text": "Dev With Alex",
        "font_name": "Inter",
        "font_size_in_px": 28,
        "text_color": "#FFF3E0",
        "position": {
          "x_in_px": 50.0,
          "y_in_px": 560.0
        },
        "dimensions": {
          "width_in_px": 400,
          "height_in_px": 50
        }
      }
    ],
    "output_format": "png"
  }'

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

const result = await client.generateImage({
  dimensions: {
    width_in_px: 1280,
    height_in_px: 720,
  },
  output_format: "png",
  layers: [
    {
      index: 0,
      type: "gradient",
      gradient_type: "linear",
      angle_in_degrees: 135.0,
      colors: [
        {
          hex_color: "#FF6B00",
          position: 0.0,
        },
        {
          hex_color: "#D90429",
          position: 100.0,
        },
      ],
      position: {
        x_in_px: 0,
        y_in_px: 0,
      },
      dimensions: {
        width_in_px: 1280,
        height_in_px: 720,
      },
    },
    {
      index: 1,
      type: "image",
      file: {
        type: "base64",
        name: "subject-photo.png",
        base64: "<base64-encoded-subject-photo>",
      },
      should_remove_background: true,
      position: {
        x_in_px: 700,
        y_in_px: 60,
      },
    },
    {
      index: 2,
      type: "text",
      text: "I Built an App in 24 Hours",
      font_name: "Montserrat",
      font_size_in_px: 64,
      text_color: "#FFFFFF",
      font_weight: "bold",
      position: {
        x_in_px: 50,
        y_in_px: 120,
      },
      dimensions: {
        width_in_px: 620,
        height_in_px: 280,
      },
    },
    {
      index: 3,
      type: "text",
      text: "Dev With Alex",
      font_name: "Inter",
      font_size_in_px: 28,
      text_color: "#FFF3E0",
      position: {
        x_in_px: 50,
        y_in_px: 560,
      },
      dimensions: {
        width_in_px: 400,
        height_in_px: 50,
      },
    },
  ],
});

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

result = client.generate_image(
    dimensions={
        "width_in_px": 1280,
        "height_in_px": 720,
    },
    output_format="png",
    layers=[
        {
            "index": 0,
            "type": "gradient",
            "gradient_type": "linear",
            "angle_in_degrees": 135.0,
            "colors": [
                {
                    "hex_color": "#FF6B00",
                    "position": 0.0,
                },
                {
                    "hex_color": "#D90429",
                    "position": 100.0,
                },
            ],
            "position": {
                "x_in_px": 0,
                "y_in_px": 0,
            },
            "dimensions": {
                "width_in_px": 1280,
                "height_in_px": 720,
            },
        },
        {
            "index": 1,
            "type": "image",
            "file": {
                "type": "base64",
                "name": "subject-photo.png",
                "base64": "<base64-encoded-subject-photo>",
            },
            "should_remove_background": True,
            "position": {
                "x_in_px": 700,
                "y_in_px": 60,
            },
        },
        {
            "index": 2,
            "type": "text",
            "text": "I Built an App in 24 Hours",
            "font_name": "Montserrat",
            "font_size_in_px": 64,
            "text_color": "#FFFFFF",
            "font_weight": "bold",
            "position": {
                "x_in_px": 50,
                "y_in_px": 120,
            },
            "dimensions": {
                "width_in_px": 620,
                "height_in_px": 280,
            },
        },
        {
            "index": 3,
            "type": "text",
            "text": "Dev With Alex",
            "font_name": "Inter",
            "font_size_in_px": 28,
            "text_color": "#FFF3E0",
            "position": {
                "x_in_px": 50,
                "y_in_px": 560,
            },
            "dimensions": {
                "width_in_px": 400,
                "height_in_px": 50,
            },
        },
    ],
)

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:  1280,
			HeightInPx: 720,
		},
		OutputFormat: "png",
		Layers: []il.Layer{
			il.NewGradientLayer(0, "linear", []il.GradientColor{
				{
      HexColor: "#FF6B00",
      Position: 0.0,
    },
				{
      HexColor: "#D90429",
      Position: 100.0,
    },
			}, il.Position{
     XInPx: 0,
     YInPx: 0,
   }, il.Dimensions{
     WidthInPx: 1280,
     HeightInPx: 720,
   }),
			il.NewStaticImageLayer(1, il.FileInput{Buffer: "<base64-encoded-subject-photo>"},
				il.Position{
      XInPx: 700,
      YInPx: 60,
    },
				il.Dimensions{}),
			il.NewTextLayer(2, "I Built an App in 24 Hours", "Montserrat", 64, "#FFFFFF",
				il.Position{
      XInPx: 50,
      YInPx: 120,
    },
				il.Dimensions{
      WidthInPx: 620,
      HeightInPx: 280,
    }),
			il.NewTextLayer(3, "Dev With Alex", "Inter", 28, "#FFF3E0",
				il.Position{
      XInPx: 50,
      YInPx: 560,
    },
				il.Dimensions{
      WidthInPx: 400,
      HeightInPx: 50,
    }),
		},
	})
	if err != nil {
		panic(err)
	}
}

{
  "name": "Generate YouTube Thumbnail",
  "nodes": [
    {
      "parameters": {
        "content": "## Generate YouTube Thumbnail\n\nContent creators and video platforms use this recipe to generate eye-catching thumbnails at scale. Define a bold gradient canvas, overlay a subject photo with background removal, and add large title text \u2014 ready for YouTube uploads, social previews, or content management systems.\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": "a91b7d97-7812-4174-a020-b99f92380391",
      "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": "b1400574-f9f8-4914-84d8-80aaa80aa203",
      "name": "Step 1 Note"
    },
    {
      "parameters": {},
      "type": "n8n-nodes-base.manualTrigger",
      "typeVersion": 1,
      "position": [
        250,
        300
      ],
      "id": "a3b4c5d6-dddd-4000-8000-000000000001",
      "name": "Manual Trigger"
    },
    {
      "parameters": {
        "resource": "imageGeneration",
        "widthInPx": 1280,
        "heightInPx": 720,
        "outputFormat": "png",
        "layersJson": "[{\"index\":0,\"type\":\"gradient\",\"gradient_type\":\"linear\",\"angle_in_degrees\":135.0,\"colors\":[{\"hex_color\":\"#FF6B00\",\"position\":0.0},{\"hex_color\":\"#D90429\",\"position\":100.0}],\"position\":{\"x\":0.0,\"y\":0.0},\"dimensions\":{\"width\":1280,\"height\":720}},{\"index\":1,\"type\":\"image\",\"file\":{\"type\":\"base64\",\"name\":\"subject-photo.png\",\"base64\":\"<base64-encoded-subject-photo>\"},\"should_remove_background\":true,\"position\":{\"x\":700.0,\"y\":60.0}},{\"index\":2,\"type\":\"text\",\"text\":\"I Built an App in 24 Hours\",\"font_name\":\"Montserrat\",\"font_size_in_px\":64,\"text_color\":\"#FFFFFF\",\"font_weight\":\"bold\",\"position\":{\"x\":50.0,\"y\":120.0},\"dimensions\":{\"width\":620,\"height\":280}},{\"index\":3,\"type\":\"text\",\"text\":\"Dev With Alex\",\"font_name\":\"Inter\",\"font_size_in_px\":28,\"text_color\":\"#FFF3E0\",\"position\":{\"x\":50.0,\"y\":560.0},\"dimensions\":{\"width\":400,\"height\":50}}]",
        "fontsJson": "[]"
      },
      "type": "n8n-nodes-iterationlayer.iterationLayer",
      "typeVersion": 1,
      "position": [
        500,
        300
      ],
      "id": "a3b4c5d6-dddd-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 YouTube thumbnail at 1280x720 pixels. Use the generate_image tool with these layers:

1. Background: gradient layer with [bold colors]
2. Subject cutout: image layer with [subject image URL] positioned to one side
3. Title text: text layer with [video title] in large bold text with dark outline
4. Accent elements: solid-color shapes for visual emphasis

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-youtube-thumbnail

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

에이전트에게 부탁하기

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

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

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

GitHub에서 소스 보기

저장소: iterationlayer/skills
스타: 4
포크: 0
카테고리: 동영상·이미지·음성
라이선스: MIT
원문 언어: 영어
최종 업데이트: 2026년 6월 9일

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

포함된 파일(1)

SKILL.md(원문)

Generate YouTube Thumbnail

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