Resize, sharpen, and compress an image to fit email platform size limits in a single pipeline.
日本語の概要は準備中です。原文の説明を表示しています。
iterationlayer/skills42026年6月9日 更新
無料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.
含まれるファイル（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
レビュー
まだレビューはありません。使ってみた感想をお寄せください。
同じリポジトリのスキル
概要と使いどころ
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日 更新