Dynamically generate a webpage from user request using OpenAI Structured Output

n8n template #2388

Summary

This workflow is a experiment to build HTML pages from a user input using the new Structured Output from OpenAI. How it works: Users add what they want to build as a query parameter The OpenAI node generate an interface following a structured output defined in the body The JSON output is then converted to HTML along with a title The HTML is encapsulated in an HTML node (where the Tailwind css script is added) The HTML is rendered to the user via the Webhook response. Set up steps Create an OpenAI API Key Create the OpenAI credentials Use the credentials for both nodes HTTP Request (as Predefined Credential type) and OpenAI Activate your workflow Once active, go to the production URL and add

How to set it up

Open template #2388 on n8n.io and click Use for free, or copy the template JSON and paste it onto an empty canvas in n8n.
Create a credential under Credentials → Add credential: OpenAI. Then open each of those nodes and pick the credential.
Check the model in the OpenAI node. The template may point at a model your account can't use; swap it for one you have access to.
Click Execute workflow and step through each node's output to confirm the data looks right.
Toggle the workflow to Active so its trigger runs on its own.

Hand off to your agent

Prompt

Help me set up the n8n workflow "Dynamically generate a webpage from user request using OpenAI Structured Output" (https://n8n.io/workflows/2388). It uses: HTTP Request, HTML, OpenAI. Import the template JSON into my n8n instance, list every credential I need to create, and walk me through testing it.

Paste into Claude Code and it will do the rest.

Apps and nodes

HTTP Request HTML OpenAI

Questions

Yes. Agent Studio published it free on n8n.io as a verified creator, and it has 13K views. It runs on n8n Cloud or a self-hosted n8n instance.

OpenAI. The other 2 nodes are built into n8n.

Similar workflows

NameViews