workflows.fit
Back to n8n workflows
n8n templateFreeBy Agent Studio

Dynamically generate a webpage from user request using OpenAI structured output

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 int...

DevelopmentCore NodesAILangchainUtilityRespond To WebhookHttp RequestOpen Ai
Loading interactive preview...

Template notes

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](https://platform.openai.com/api-keys) - 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://productionurl.com?query=a%20signup%20form

Example of generated page![Screenshot 20240823 at 13.01.56.png](fileId:831)