본문으로 건너뛰기
cccskills
무료GitHub에 공개

generate-certificate-image

Generate a professional certificate image with recipient name, course title, and completion date for digital sharing, social media, or email delivery.

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

연동 도구n8n
설치 방법 보기

포함된 파일(1)

  • SKILL.md14.9 KB

SKILL.md(원문)

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

Generate Certificate Image

Online course platforms and training providers use this recipe to generate a completion certificate on the fly. Define a canvas with an elegant background, add a decorative border, and render the recipient's name, course title, and date — ready for digital sharing, social media, or email delivery.

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": 1200,
      "height_in_px": 800
    },
    "layers": [
      {
        "index": 0,
        "type": "solid-color",
        "hex_color": "#FFFDF5"
      },
      {
        "index": 1,
        "type": "solid-color",
        "hex_color": "#C9A84C",
        "position": {
          "x_in_px": 30.0,
          "y_in_px": 30.0
        },
        "dimensions": {
          "width_in_px": 1140,
          "height_in_px": 740
        }
      },
      {
        "index": 2,
        "type": "solid-color",
        "hex_color": "#FFFDF5",
        "position": {
          "x_in_px": 40.0,
          "y_in_px": 40.0
        },
        "dimensions": {
          "width_in_px": 1120,
          "height_in_px": 720
        }
      },
      {
        "index": 3,
        "type": "text",
        "text": "Certificate of Completion",
        "font_name": "Playfair Display",
        "font_size_in_px": 42,
        "text_color": "#333333",
        "text_align": "center",
        "position": {
          "x_in_px": 100.0,
          "y_in_px": 100.0
        },
        "dimensions": {
          "width_in_px": 1000,
          "height_in_px": 60
        }
      },
      {
        "index": 4,
        "type": "text",
        "text": "Jane Smith",
        "font_name": "Playfair Display",
        "font_size_in_px": 56,
        "text_color": "#1a1a1a",
        "text_align": "center",
        "font_weight": "bold",
        "position": {
          "x_in_px": 100.0,
          "y_in_px": 280.0
        },
        "dimensions": {
          "width_in_px": 1000,
          "height_in_px": 80
        }
      },
      {
        "index": 5,
        "type": "text",
        "text": "Advanced API Design",
        "font_name": "Inter",
        "font_size_in_px": 28,
        "text_color": "#555555",
        "text_align": "center",
        "position": {
          "x_in_px": 100.0,
          "y_in_px": 420.0
        },
        "dimensions": {
          "width_in_px": 1000,
          "height_in_px": 50
        }
      },
      {
        "index": 6,
        "type": "text",
        "text": "March 5, 2026",
        "font_name": "Inter",
        "font_size_in_px": 20,
        "text_color": "#888888",
        "text_align": "center",
        "position": {
          "x_in_px": 100.0,
          "y_in_px": 600.0
        },
        "dimensions": {
          "width_in_px": 1000,
          "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: 1200,
    height_in_px: 800,
  },
  layers: [
    {
      index: 0,
      type: "solid-color",
      hex_color: "#FFFDF5",
    },
    {
      index: 1,
      type: "solid-color",
      hex_color: "#C9A84C",
      position: {
        x_in_px: 30,
        y_in_px: 30,
      },
      dimensions: {
        width_in_px: 1140,
        height_in_px: 740,
      },
    },
    {
      index: 2,
      type: "solid-color",
      hex_color: "#FFFDF5",
      position: {
        x_in_px: 40,
        y_in_px: 40,
      },
      dimensions: {
        width_in_px: 1120,
        height_in_px: 720,
      },
    },
    {
      index: 3,
      type: "text",
      text: "Certificate of Completion",
      font_name: "Playfair Display",
      font_size_in_px: 42,
      text_color: "#333333",
      text_align: "center",
      position: {
        x_in_px: 100,
        y_in_px: 100,
      },
      dimensions: {
        width_in_px: 1000,
        height_in_px: 60,
      },
    },
    {
      index: 4,
      type: "text",
      text: "Jane Smith",
      font_name: "Playfair Display",
      font_size_in_px: 56,
      text_color: "#1a1a1a",
      text_align: "center",
      font_weight: "bold",
      position: {
        x_in_px: 100,
        y_in_px: 280,
      },
      dimensions: {
        width_in_px: 1000,
        height_in_px: 80,
      },
    },
    {
      index: 5,
      type: "text",
      text: "Advanced API Design",
      font_name: "Inter",
      font_size_in_px: 28,
      text_color: "#555555",
      text_align: "center",
      position: {
        x_in_px: 100,
        y_in_px: 420,
      },
      dimensions: {
        width_in_px: 1000,
        height_in_px: 50,
      },
    },
    {
      index: 6,
      type: "text",
      text: "March 5, 2026",
      font_name: "Inter",
      font_size_in_px: 20,
      text_color: "#888888",
      text_align: "center",
      position: {
        x_in_px: 100,
        y_in_px: 600,
      },
      dimensions: {
        width_in_px: 1000,
        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": 1200,
        "height_in_px": 800,
    },
    layers=[
        {
            "index": 0,
            "type": "solid-color",
            "hex_color": "#FFFDF5",
        },
        {
            "index": 1,
            "type": "solid-color",
            "hex_color": "#C9A84C",
            "position": {
                "x_in_px": 30,
                "y_in_px": 30,
            },
            "dimensions": {
                "width_in_px": 1140,
                "height_in_px": 740,
            },
        },
        {
            "index": 2,
            "type": "solid-color",
            "hex_color": "#FFFDF5",
            "position": {
                "x_in_px": 40,
                "y_in_px": 40,
            },
            "dimensions": {
                "width_in_px": 1120,
                "height_in_px": 720,
            },
        },
        {
            "index": 3,
            "type": "text",
            "text": "Certificate of Completion",
            "font_name": "Playfair Display",
            "font_size_in_px": 42,
            "text_color": "#333333",
            "text_align": "center",
            "position": {
                "x_in_px": 100,
                "y_in_px": 100,
            },
            "dimensions": {
                "width_in_px": 1000,
                "height_in_px": 60,
            },
        },
        {
            "index": 4,
            "type": "text",
            "text": "Jane Smith",
            "font_name": "Playfair Display",
            "font_size_in_px": 56,
            "text_color": "#1a1a1a",
            "text_align": "center",
            "font_weight": "bold",
            "position": {
                "x_in_px": 100,
                "y_in_px": 280,
            },
            "dimensions": {
                "width_in_px": 1000,
                "height_in_px": 80,
            },
        },
        {
            "index": 5,
            "type": "text",
            "text": "Advanced API Design",
            "font_name": "Inter",
            "font_size_in_px": 28,
            "text_color": "#555555",
            "text_align": "center",
            "position": {
                "x_in_px": 100,
                "y_in_px": 420,
            },
            "dimensions": {
                "width_in_px": 1000,
                "height_in_px": 50,
            },
        },
        {
            "index": 6,
            "type": "text",
            "text": "March 5, 2026",
            "font_name": "Inter",
            "font_size_in_px": 20,
            "text_color": "#888888",
            "text_align": "center",
            "position": {
                "x_in_px": 100,
                "y_in_px": 600,
            },
            "dimensions": {
                "width_in_px": 1000,
                "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: 1200,
    HeightInPx: 800,
  },
		OutputFormat: "png",
		Layers: []il.Layer{
			il.NewSolidColorBackgroundLayer(0, "#FFFDF5"),
			il.NewRectangleLayer(1, "#C9A84C",
				il.Position{
      XInPx: 30,
      YInPx: 30,
    },
				il.Dimensions{
      WidthInPx: 1140,
      HeightInPx: 740,
    }),
			il.NewRectangleLayer(2, "#FFFDF5",
				il.Position{
      XInPx: 40,
      YInPx: 40,
    },
				il.Dimensions{
      WidthInPx: 1120,
      HeightInPx: 720,
    }),
			il.NewTextLayer(3, "Certificate of Completion", "Playfair Display", 42, "#333333",
				il.Position{
      XInPx: 100,
      YInPx: 100,
    },
				il.Dimensions{
      WidthInPx: 1000,
      HeightInPx: 60,
    }),
			il.NewTextLayer(4, "Jane Smith", "Playfair Display", 56, "#1a1a1a",
				il.Position{
      XInPx: 100,
      YInPx: 280,
    },
				il.Dimensions{
      WidthInPx: 1000,
      HeightInPx: 80,
    }),
			il.NewTextLayer(5, "Advanced API Design", "Inter", 28, "#555555",
				il.Position{
      XInPx: 100,
      YInPx: 420,
    },
				il.Dimensions{
      WidthInPx: 1000,
      HeightInPx: 50,
    }),
			il.NewTextLayer(6, "March 5, 2026", "Inter", 20, "#888888",
				il.Position{
      XInPx: 100,
      YInPx: 600,
    },
				il.Dimensions{
      WidthInPx: 1000,
      HeightInPx: 40,
    }),
		},
	})
	if err != nil {
		panic(err)
	}
}
{
  "name": "Generate Certificate Image",
  "nodes": [
    {
      "parameters": {
        "content": "## Generate Certificate Image\n\nOnline course platforms and training providers use this recipe to generate a completion certificate on the fly. Define a canvas with an elegant background, add a decorative border, and render the recipient's name, course title, and date \u2014 ready for digital sharing, social media, or email delivery.\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": "1a01d85c-c071-4b66-85a6-72a142bc3d8f",
      "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": "fb427096-5eed-4db4-a00a-6a709c63e4fe",
      "name": "Step 1 Note"
    },
    {
      "parameters": {},
      "type": "n8n-nodes-base.manualTrigger",
      "typeVersion": 1,
      "position": [
        250,
        300
      ],
      "id": "b2c3d4e5-2222-4000-8000-000000000001",
      "name": "Manual Trigger"
    },
    {
      "parameters": {
        "resource": "imageGeneration",
        "widthInPx": 1200,
        "heightInPx": 800,
        "outputFormat": "png",
        "layersJson": "[{\"index\":0,\"type\":\"solid-color\",\"hex_color\":\"#FFFDF5\"},{\"index\":1,\"type\":\"solid-color\",\"hex_color\":\"#C9A84C\",\"position\":{\"x\":30.0,\"y\":30.0},\"dimensions\":{\"width\":1140,\"height\":740}},{\"index\":2,\"type\":\"solid-color\",\"hex_color\":\"#FFFDF5\",\"position\":{\"x\":40.0,\"y\":40.0},\"dimensions\":{\"width\":1120,\"height\":720}},{\"index\":3,\"type\":\"text\",\"text\":\"Certificate of Completion\",\"font_name\":\"Playfair Display\",\"font_size_in_px\":42,\"text_color\":\"#333333\",\"text_align\":\"center\",\"position\":{\"x\":100.0,\"y\":100.0},\"dimensions\":{\"width\":1000,\"height\":60}},{\"index\":4,\"type\":\"text\",\"text\":\"Jane Smith\",\"font_name\":\"Playfair Display\",\"font_size_in_px\":56,\"text_color\":\"#1a1a1a\",\"text_align\":\"center\",\"font_weight\":\"bold\",\"position\":{\"x\":100.0,\"y\":280.0},\"dimensions\":{\"width\":1000,\"height\":80}},{\"index\":5,\"type\":\"text\",\"text\":\"Advanced API Design\",\"font_name\":\"Inter\",\"font_size_in_px\":28,\"text_color\":\"#555555\",\"text_align\":\"center\",\"position\":{\"x\":100.0,\"y\":420.0},\"dimensions\":{\"width\":1000,\"height\":50}},{\"index\":6,\"type\":\"text\",\"text\":\"March 5, 2026\",\"font_name\":\"Inter\",\"font_size_in_px\":20,\"text_color\":\"#888888\",\"text_align\":\"center\",\"position\":{\"x\":100.0,\"y\":600.0},\"dimensions\":{\"width\":1000,\"height\":40}}]",
        "fontsJson": "[]"
      },
      "type": "n8n-nodes-iterationlayer.iterationLayer",
      "typeVersion": 1,
      "position": [
        500,
        300
      ],
      "id": "b2c3d4e5-2222-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 certificate of completion image at 1200x800 pixels. Use the generate_image tool with these layers:

1. Background: solid-color layer with cream (#FFFDF5)
2. Border: solid-color layer with gold (#C9A84C) inset 30px
3. Inner fill: solid-color layer with cream inset 40px
4. Title: text layer with "Certificate of Completion" centered
5. Recipient: text layer with [recipient name] in large bold serif font
6. Course: text layer with [course title] centered
7. Date: text layer with [completion date] centered

Response

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

Links

리뷰

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

댓글

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

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

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iterationlayer의 스킬 모두 보기

이 스킬의 문제 신고