跳到正文
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.

中文简介正在准备中。当前显示原文说明。

iterationlayer/skills
集成工具n8n
查看安装方法

包含的文件（1）

  • SKILL.md14.9 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

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 / 1000 字

此表单受 reCAPTCHA 保护，适用 Google 的隐私权政策和服务条款。

同一仓库的技能

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 的全部技能

报告此技能的问题