Dynamically Generate Webpages from User Requests with OpenAI

n8n AI Content Creation Engineering

Contributed by Sabrina Ramonov 🍄. From the community directory at agents.sabrina.dev, republished with permission and full credit.

This workflow is an experiment to build HTML pages from 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 generates 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:

1. Create an OpenAI API Key.

2. Create the OpenAI credentials.

3. Use the credentials for both nodes HTTP Request (as Predefined Credential type) and OpenAI.

4. Activate your workflow.

Once active, go to the production URL and add what you'd like to build as the parameter "query".

Example: https://production_url.com?query=a%20signup%20form

Tools used: OpenAI, HTML, CustomJS

Download the workflow template (JSON)

Original tutorial

Want this running in your business? KOBA42 builds and operates automations like this one.