This workflow follows the HTTP Request → OpenAI recipe pattern — see all workflows that pair these two integrations.
The workflow JSON
Copy or download the full n8n JSON below. Paste it into a new n8n workflow, add your credentials, activate. Full import guide →
{
"name": "Ultimate AI Web Agency",
"nodes": [
{
"parameters": {},
"id": "00000000-0000-0000-0000-000000000001",
"name": "Execute Workflow",
"type": "n8n-nodes-base.manualTrigger",
"typeVersion": 1,
"position": [
-820,
360
]
},
{
"parameters": {
"assignments": {
"assignments": [
{
"id": "user_prompt",
"name": "user_prompt",
"value": "I want to add a pricing section with 3 tiers: Basic, Pro, and Enterprise.",
"type": "string"
},
{
"id": "url",
"name": "url",
"value": "https://example.com",
"type": "string"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000002",
"name": "User Input (Form)",
"type": "n8n-nodes-base.set",
"typeVersion": 3.2,
"position": [
-600,
360
],
"notes": "ENTER YOUR PROMPT AND URL HERE. Leave URL empty to generate from scratch."
},
{
"parameters": {
"conditions": {
"string": [
{
"value1": "={{ $json.url }}",
"operation": "isNotEmpty"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000003",
"name": "Has URL?",
"type": "n8n-nodes-base.if",
"typeVersion": 2,
"position": [
-380,
360
]
},
{
"parameters": {
"url": "={{ $json.url }}",
"options": {}
},
"id": "00000000-0000-0000-0000-000000000004",
"name": "Fetch HTML",
"type": "n8n-nodes-base.httpRequest",
"typeVersion": 4.1,
"position": [
-160,
180
]
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are an SEO Specialist. Analyze the HTML. \nOutput: A bulleted list of missing meta tags, hierarchy issues, and keyword opportunities."
},
{
"content": "={{ $json.data }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000005",
"name": "SEO Agent",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
60,
-20
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are a UI/UX Designer. Analyze the HTML.\nOutput: A bulleted list of accessibility issues, poor contrast, and layout clutter."
},
{
"content": "={{ $json.data }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000006",
"name": "UX Agent",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
60,
140
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are a Feature Implementation Analyst. \nTask: Read the USER PROMPT and the HTML. \nOutput: Specific instructions on WHERE in the DOM the new feature should be inserted to look natural. Do not write code, just architectural instructions."
},
{
"content": "User Prompt: {{ $(\"User Input (Form)\").item.json.user_prompt }}\n\nHTML: {{ $json.data }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000007",
"name": "Feature Analyst",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
60,
300
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
},
{
"parameters": {
"mode": "combine",
"combinationMode": "mergeByPosition",
"options": {}
},
"id": "00000000-0000-0000-0000-000000000008",
"name": "Merge Reports",
"type": "n8n-nodes-base.merge",
"typeVersion": 3,
"position": [
340,
140
]
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are a Senior Web Developer. \n\nTask: Rewrite the provided HTML.\n\nInputs:\n1. Original HTML\n2. SEO & UX critiques\n3. Feature Implementation Plan (The user wants to change/add something)\n\nGuidelines:\n- STRICTLY maintain the original CSS class naming convention (BEM, Tailwind, etc).\n- Implement the user's feature request seamlessly.\n- Fix the SEO/UX issues listed.\n- Output ONLY valid HTML code."
},
{
"role": "user",
"content": "ORIGINAL HTML: {{ $(\"Fetch HTML\").item.json.data }}\n\nSEO REPORT: {{ $json[\"content\"] }}\nUX REPORT: {{ $(\"Merge Reports\").input.json.content }}\nFEATURE PLAN: {{ $(\"Feature Analyst\").item.json.content }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000009",
"name": "Dev: Enhancer",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
600,
140
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are a Website Architect.\nTask: Create a blueprint for a new website based on the user's idea.\nOutput: \n1. Recommended Tech Stack (e.g., HTML5 + Tailwind via CDN).\n2. Structure (Header, Hero, Features, Footer).\n3. Color Palette & Vibe.\n4. List of necessary sections."
},
{
"content": "User Idea: {{ $json.user_prompt }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000010",
"name": "Architect Agent",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
-160,
500
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are a Content Strategist.\nTask: Write the actual text content for the website based on the Architect's plan.\nOutput: JSON object with 'hero_headline', 'about_text', 'services_list', etc."
},
{
"content": "User Idea: {{ $(\"User Input (Form)\").item.json.user_prompt }}\n\nArchitect Plan: {{ $json.content }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000011",
"name": "Content Agent",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
60,
500
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
},
{
"parameters": {
"modelId": {
"__rl": true,
"value": "gpt-4o",
"mode": "list",
"cachedResultName": "GPT-4o"
},
"messages": {
"values": [
{
"role": "system",
"content": "You are a Senior Frontend Developer.\nTask: Build a complete, single-file HTML website from scratch.\nInputs:\n1. Architect's Structure Plan\n2. Content Strategist's Text\n\nRequirements:\n- Use Tailwind CSS via CDN for styling.\n- Ensure mobile responsiveness.\n- Make it look modern and professional.\n- Output ONLY the raw HTML code."
},
{
"content": "Architect Plan: {{ $(\"Architect Agent\").item.json.content }}\n\nContent: {{ $json.content }}"
}
]
}
},
"id": "00000000-0000-0000-0000-000000000012",
"name": "Dev: Creator",
"type": "n8n-nodes-base.openAi",
"typeVersion": 1,
"position": [
280,
500
],
"credentials": {
"openAiApi": {
"name": "<your credential>"
}
}
}
],
"connections": {
"Execute Workflow": {
"main": [
[
{
"node": "User Input (Form)",
"type": "main",
"index": 0
}
]
]
},
"User Input (Form)": {
"main": [
[
{
"node": "Has URL?",
"type": "main",
"index": 0
}
]
]
},
"Has URL?": {
"main": [
[
{
"node": "Fetch HTML",
"type": "main",
"index": 0
}
],
[
{
"node": "Architect Agent",
"type": "main",
"index": 0
}
]
]
},
"Fetch HTML": {
"main": [
[
{
"node": "SEO Agent",
"type": "main",
"index": 0
},
{
"node": "UX Agent",
"type": "main",
"index": 0
},
{
"node": "Feature Analyst",
"type": "main",
"index": 0
}
]
]
},
"SEO Agent": {
"main": [
[
{
"node": "Merge Reports",
"type": "main",
"index": 0
}
]
]
},
"UX Agent": {
"main": [
[
{
"node": "Merge Reports",
"type": "main",
"index": 1
}
]
]
},
"Feature Analyst": {
"main": [
[
{
"node": "Dev: Enhancer",
"type": "main",
"index": 0
}
]
]
},
"Merge Reports": {
"main": [
[
{
"node": "Dev: Enhancer",
"type": "main",
"index": 0
}
]
]
},
"Architect Agent": {
"main": [
[
{
"node": "Content Agent",
"type": "main",
"index": 0
}
]
]
},
"Content Agent": {
"main": [
[
{
"node": "Dev: Creator",
"type": "main",
"index": 0
}
]
]
}
}
}
Credentials you'll need
Each integration node will prompt for credentials when you import. We strip credential IDs before publishing — you'll add your own.
openAiApi
Pro
For the full experience including quality scoring and batch install features for each workflow upgrade to Pro
About this workflow
Ultimate AI Web Agency. Uses httpRequest, openAi. Event-driven trigger; 12 nodes.
Source: https://github.com/simplysmartai/nexairi-site/blob/dd97c06d225077d75137ff9bde555c5bb505a07a/workflows/Web_agency.json — original creator credit. Request a take-down →
Related workflows
Workflows that share integrations, category, or trigger type with this one. All free to copy and import.
Ask questions like “How much did I spend on food last month?” and get instant answers from your financial data — directly in Telegram.
Telegram Trigger, OpenAI, Google Sheets +2
The Problem That it Solves
Google Drive Trigger, OpenAI, Google Drive +5
This intelligent email automation workflow helps you maximize engagement through domain-based outreach. It utilizes AI-powered personalization and strategic follow-ups to increase response rates. The
Gmail, HTTP Request, Google Sheets +1
Note: Now includes an Apify alternative for Rapid API (Some users can't create new accounts on Rapid API, so I have added an alternative for you. But immediately you are able to get access to Rapid AP
Form Trigger, Google Sheets Trigger, OpenAI +2
Scrape ads – Pulls Facebook Ad Library data for "ai automation" keywords using Apify Filter & sort – Filters ads by page likes (>1,000) and separates into videos, images, and text ads Analyze creat
HTTP Request, Google Drive, OpenAI +3