Dynamically generate a webpage from user request using OpenAI Structured Output

This workflow is an 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.

Setup 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 what you'd like to build as the parameter "query"
• Example: https://production_url.com?query=a%20signup%20form

Example of generated page