Dynamically generate HTML page from user request using OpenAI Structured Output

Generate HTML from user query HTTP Request node - Send the user query to OpenAI, with a defined JSON response format - using HTTP Request node as it has not yet been implemented in the OpenAI nodes - The response format is inspired by the [Structured Output defined in OpenAI Introduction post](https://openai.com/index/introducing-structured-outputs-in-the-api) - The output is a JSON containing HTML components and attributed OpenAI node - Format the response from the previous node from JSON forma

Integrations Used (3)

HTTP Request

OpenAI

Webhook

Workflow Structure (5 nodes)

100%

Webhook

Http Request

Open AI - Using Structured Output

Langchain.open Ai

OpenAI - JSON to HTML

Html

Format the HTML result

Respond To Webhook

Respond to Webhook

Node Types:

trigger

http

default

Requires credentials

Prerequisites

Required Credentials (1)

OpenAI

Used by: Open AI - Using Structured Output, OpenAI - JSON to HTML

Docs

Complexity

Moderate

Some experience helpful. Multiple integrations or logic.

Setup time: ~20 min

Score: 23/100

4 Integrations

When to Use This Workflow

AI-Powered Content Creation

Automate content generation, summarization, or analysis using AI capabilities.

Save hours of manual work while maintaining quality and consistency.

Real-time Response

React instantly when events happen - new orders, form submissions, or API calls.

Zero delay between trigger and action for time-sensitive workflows.

Error Reduction

Eliminate human error from routine processes with consistent automation.

Improve accuracy and reliability across your workflows.

workflow.json

{
  "id": "eXiaTDyKfXpMeyLh",
  "meta": {
    "instanceId": "f4f5d195bb2162a0972f737368404b18be694648d365d6c6771d7b4909d28167",
    "templateCredsSetupCompleted": true
  },
  "name": "Dynamically generate HTML page from user request using OpenAI Structured Output",
  "tags": [],
  "nodes": [
    {
      "id": "b1d9659f-4cd0-4f87-844d-32b2af1dcf13",
      "name": "Respond to Webhook",
      "type": "n8n-nodes-base.respondToWebhook",
      "position": [
        2160,
        380
      ],
      "parameters": {
        "options": {
          "responseHeaders": {
...