ケーキ画像ジェネレーター
中級
これはContent Creation, Multimodal AI分野の自動化ワークフローで、11個のノードを含みます。主にWebhook, HttpRequest, Agent, RespondToWebhook, LmChatOpenAiなどのノードを使用。 OpenAI GPT と Replicate Flux Schnell によるカスタムケーキ画像の生成
前提条件
- •HTTP Webhookエンドポイント(n8nが自動生成)
- •ターゲットAPIの認証情報が必要な場合あり
- •OpenAI API Key
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"id": "DE9G0H2GoX4JpP2C",
"meta": {
"instanceId": "803369b330aff65653c557f3d0dd038a389dc95d5e0aa902bc1df630e482e6a7",
"templateCredsSetupCompleted": true
},
"name": "Cake Image Generator",
"tags": [],
"nodes": [
{
"id": "3bbf3ae1-a1d3-4d8e-8f1a-d620a8cc68fa",
"name": "OpenAI Chat Model",
"type": "@n8n/n8n-nodes-langchain.lmChatOpenAi",
"position": [
16,
208
],
"parameters": {
"model": {
"__rl": true,
"mode": "list",
"value": "gpt-4.1-mini",
"cachedResultName": "gpt-4.1-mini"
},
"options": {}
},
"credentials": {
"openAiApi": {
"id": "ojOuwGjFsedrgBV6",
"name": "OpenAi account"
}
},
"typeVersion": 1.2
},
{
"id": "65ad017a-d18c-48f9-b315-42d8495204d9",
"name": "画像生成",
"type": "n8n-nodes-base.httpRequest",
"position": [
320,
-16
],
"parameters": {
"url": "https://api.replicate.com/v1/models/black-forest-labs/flux-schnell/predictions",
"method": "POST",
"options": {},
"jsonBody": "={\n \"version\": \"latest\",\n \"input\": {\n \"prompt\": \"{{$json['prompt']}}\"\n }\n}\n",
"sendBody": true,
"specifyBody": "json",
"authentication": "genericCredentialType",
"genericAuthType": "httpHeaderAuth"
},
"credentials": {
"httpHeaderAuth": {
"id": "1fsT3mjTBKXFask9",
"name": "Replicate API Token"
}
},
"typeVersion": 4.2
},
{
"id": "440001e5-7036-41d9-8a7e-ce14f67a49c1",
"name": "プロンプト生成器",
"type": "@n8n/n8n-nodes-langchain.agent",
"position": [
-80,
-16
],
"parameters": {
"text": "=You are an expert in creating ai cake images.\nI want you to randomise the cake And put a very specific {{ $json.body.name }} On the cake.\n\nBut remember one thing I don't want you to add anything else other than the prompt In the output. I dont want you to add any quotes Or any other information other than the plain text of the prompt.\n\nAlso wherever you mention to write the name\nInstead of \"{{ $json.body.name }}\" write it \\\"{{ $json.body.name }}\\\"\"\nthe name \\nabin\\ is {{ $json.body.name }}\n\neg : black forest gateau cake spelling out the words \\\"FLUX SCHNELL\\\"\", tasty, food photography, dynamic shot\n\ngive a very detailed prompt so that it can perfectly create the images of the cake",
"options": {},
"promptType": "define"
},
"typeVersion": 2.1
},
{
"id": "23fbd09d-63a5-449a-88f7-fae556de6097",
"name": "ユーザーリクエスト送信",
"type": "n8n-nodes-base.webhook",
"position": [
-320,
-16
],
"webhookId": "5cfa7429-5637-4c1a-a81c-a53dfb154a5d",
"parameters": {
"path": "5cfa7429-5637-4c1a-a81c-a53dfb154a5d",
"options": {},
"httpMethod": "POST",
"responseMode": "responseNode"
},
"typeVersion": 2
},
{
"id": "e174bbd7-5eeb-41ba-9183-06bd84c42dbc",
"name": "画像ダウンロード",
"type": "n8n-nodes-base.httpRequest",
"position": [
544,
-16
],
"parameters": {
"url": "={{ $json.output[0] }}",
"options": {}
},
"typeVersion": 4.2
},
{
"id": "0eff512d-4cfd-492d-b63e-4ab52a49fdb6",
"name": "リクエスト応答",
"type": "n8n-nodes-base.respondToWebhook",
"position": [
768,
-16
],
"parameters": {
"options": {}
},
"typeVersion": 1.4
},
{
"id": "3c788a4d-1e7c-4b49-b9d2-660f93a85826",
"name": "付箋1",
"type": "n8n-nodes-base.stickyNote",
"position": [
-400,
-80
],
"parameters": {
"color": 4,
"width": 272,
"height": 224,
"content": "Receives user input (e.g., name/occasion) from the Bolt frontend."
},
"typeVersion": 1
},
{
"id": "ca05fccf-4021-4914-b976-1f17dc34346c",
"name": "付箋",
"type": "n8n-nodes-base.stickyNote",
"position": [
-96,
-80
],
"parameters": {
"color": 5,
"width": 304,
"height": 416,
"content": "Uses OpenAI GPT to generate a creative cake prompt."
},
"typeVersion": 1
},
{
"id": "44009c51-447b-40dc-a563-bdfa411e93ba",
"name": "付箋2",
"type": "n8n-nodes-base.stickyNote",
"position": [
224,
-96
],
"parameters": {
"color": 6,
"height": 240,
"content": "Sends the generated prompt to Replicate Flux Schnell to create the cake image."
},
"typeVersion": 1
},
{
"id": "0826cf08-d5fd-4f74-b3a2-06c9cf1f37f5",
"name": "付箋3",
"type": "n8n-nodes-base.stickyNote",
"position": [
480,
-80
],
"parameters": {
"width": 224,
"height": 224,
"content": "Fetches the generated cake image from Replicate."
},
"typeVersion": 1
},
{
"id": "1f9c45e0-8b04-4db7-9a96-5d84b8bd54a7",
"name": "付箋4",
"type": "n8n-nodes-base.stickyNote",
"position": [
720,
-80
],
"parameters": {
"color": 3,
"height": 224,
"content": "Returns the final cake image URL to the frontend."
},
"typeVersion": 1
}
],
"active": false,
"pinData": {},
"settings": {
"executionOrder": "v1"
},
"versionId": "8ec6e9ea-0764-4692-8dfc-e72156240101",
"connections": {
"e174bbd7-5eeb-41ba-9183-06bd84c42dbc": {
"main": [
[
{
"node": "0eff512d-4cfd-492d-b63e-4ab52a49fdb6",
"type": "main",
"index": 0
}
]
]
},
"65ad017a-d18c-48f9-b315-42d8495204d9": {
"main": [
[
{
"node": "e174bbd7-5eeb-41ba-9183-06bd84c42dbc",
"type": "main",
"index": 0
}
]
]
},
"440001e5-7036-41d9-8a7e-ce14f67a49c1": {
"main": [
[
{
"node": "65ad017a-d18c-48f9-b315-42d8495204d9",
"type": "main",
"index": 0
}
]
]
},
"3bbf3ae1-a1d3-4d8e-8f1a-d620a8cc68fa": {
"ai_languageModel": [
[
{
"node": "440001e5-7036-41d9-8a7e-ce14f67a49c1",
"type": "ai_languageModel",
"index": 0
}
]
]
},
"23fbd09d-63a5-449a-88f7-fae556de6097": {
"main": [
[
{
"node": "440001e5-7036-41d9-8a7e-ce14f67a49c1",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は?
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか?
中級 - コンテンツ作成, マルチモーダルAI
有料ですか?
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。
関連ワークフロー
UIをベースにGPT-4とDALL-Eを用いてLinkedInコンテンツ生成を自動化
AIベースのLinkedInコンテンツジェネレーター(OpenAI GPT-4およびDALL-E)
Webhook
Http Request
Agent
+
Webhook
Http Request
Agent
23 ノードWeWeb
コンテンツ作成
OpenAI・LangChain・アピ業間連携によるワークフレーム自動化入門ガイド
OpenAI、LangChain、API を使用したワークフロー自動化の初心者ガイド
If
Set
Code
+
If
Set
Code
33 ノードMeelioo
コンテンツ作成
NextCloud/Google/Zoho を使用した AI とイベントテキストからカレンダー項目への変換
AIとNextCloud/Google/Zohoを使ってイベントテキストをカレンダー項目に変換
If
Switch
Webhook
+
If
Switch
Webhook
19 ノードEric
コンテンツ作成
OpenAIを使用してウェブサイトを分析し、メールでページのCRO/SEO/IT監査レポートを取得する
GPT-4o-mini と Claude Sonnet を使用して包括のなウェブサイト監査レポートを生成
Gmail
Merge
Webhook
+
Gmail
Merge
Webhook
16 ノードSebastian
コンテンツ作成
コンテンツジェネレーター
GPT-4 モデルの戦略の方法を採用した AI によるソーシャルメディアコンテンツ生成ツール
Set
Code
Webhook
+
Set
Code
Webhook
22 ノードinderjeet Bhambra
コンテンツ作成
Instagramの趨勢電卓ブックからSEOコンテンツを生成して保存(SharePoint/Drive/Dropbox)
GPT-4o、FAL AI、複数ストレージによるトレンドの自動SEOコンテンツ生成
If
Set
Code
+
If
Set
Code
47 ノードplemeo
コンテンツ作成