# Dynamic UI Generation with TheSys C1: n8n workflow template

> Started by someone opening a chat with it, and works across Google Sheets and Supabase vectors.

Source: https://millionrounds.com/workflow/dynamic-ui-generation-with-thesys-c1 (Millionrounds; every figure on the page links to its filing or article)

[Automation library](https://millionrounds.com/workflows) · [Data collection](https://millionrounds.com/workflows?category=Data+collection#library)

# Dynamic UI Generation with TheSys C1

Started by someone opening a chat with it, and works across Google Sheets and Supabase vectors. It puts OpenAI behind a retrieval step, so answers are drawn from documents you supply rather than from the model alone. 8 steps: small enough to read in one sitting and change without fear.

Small Calls a model: OpenAI Retrieval

[Download free](https://millionrounds.com/login?next=%2Fapp%2Fworkflow%2Fdynamic-ui-generation-with-thesys-c1)

**8 steps** Small: readable in one sitting

**0** Branches: places the flow splits

**0** Loops or waits

**2** Services it connects to

## The flow

Starts it 1 Model 5 Service 2

The steps in the order they run, from what starts it.

- 1 **When chat message received** Chat trigger *Starts it*
- 2 **OpenAI Chat Model** Lm Chat Open Ai *Model*
- 3 **Postgres Chat Memory** Memory Postgres Chat *Model*
- 4 **Send a message in Slack** Slack Tool *Service*
- 5 **query_google_sheets** Google Sheets Tool *Service*
- 6 **Embeddings OpenAI** Embeddings Open Ai *Model*
- 7 **AI Agent** Agent *Model*
- 8 **search_knowledge_base** Vector Store Supabase *Model*

## How it's built

- **Starts on:** Someone opening a chat with it
- **Steps:** 8
- **Size:** Small: readable in one sitting
- **Connects to:** Google Sheets, Supabase vectors
- **Model:** OpenAI
- **Retrieval:** Answers are drawn from documents you supply, not from the model alone

## Questions

What does it need to run?

An n8n account, plus your own Google Sheets and Supabase vectors accounts, and a key for OpenAI. You connect your own accounts after importing it; none are included.

What starts it?

It starts on someone opening a chat with it.

Does it use AI?

Yes. It calls OpenAI. Its answers draw on documents you give it, not on the model alone. Model calls are billed by the provider, not by n8n.

How long does it take to set up?

Not long. At 8 steps it can be read in one sitting and changed without fear.

How do I import it?

Copy the workflow, open a new workflow in n8n and paste. The steps appear on the canvas, ready for your own accounts.

**Before you run it**

Nothing here has been tested by us. It is somebody's working automation, read and described from its own steps. Treat the connections it wants as a list of accounts it will touch, and read the 8 steps before you point it at anything that matters.

## Run it in n8n

- **Create your n8n account** Free to start. n8n is where the workflow runs. [Create an n8n account ↗](https://millionrounds.com/n8n)
- **Download the workflow** Free with a Millionrounds account. [Download free](https://millionrounds.com/login?next=%2Fapp%2Fworkflow%2Fdynamic-ui-generation-with-thesys-c1)
- **Paste it into n8n** Open a new workflow in n8n and paste. Then connect your own accounts.

Stored with the author's traces removed: canvas notes, instance identifiers, saved credential names and any live document they had left behind.

## Connects to

Each opens the other workflows that use it.

[Google Sheets](https://millionrounds.com/workflows?service=Google+Sheets#library)[Supabase vectors](https://millionrounds.com/workflows?service=Supabase+vectors#library)

## Workflows like it

Also data collection, with the same services where possible, closest in size first.

- [**AI-Powered SaaS Churn Prediction Retention System** 8 steps · calls a model · Gmail, Google Sheets](https://millionrounds.com/workflow/ai-powered-saas-churn-prediction-retention-system)
- [**Amazon product data collection with Apify** 8 steps · calls a model · Apify, Google Sheets](https://millionrounds.com/workflow/amazon-product-data-collection-with-apify)
- [**Automate LinkedIn comment replies with OpenAI** 8 steps · calls a model · Google Sheets](https://millionrounds.com/workflow/automate-linkedin-comment-replies-with-openai)
- [**Automate LinkedIn engagement with Phantombuster and OpenAI** 8 steps · calls a model · Google Sheets](https://millionrounds.com/workflow/automate-linkedin-engagement-with-phantombuster-and-openai)
- [**Automated PR code reviews with GitHub and OpenAI** 8 steps · calls a model · GitHub, Google Sheets](https://millionrounds.com/workflow/automated-pr-code-reviews-with-github-and-openai)
- [**Automated patient response system with OpenAI** 8 steps · calls a model · Gmail, Google Sheets](https://millionrounds.com/workflow/automated-patient-response-system-with-openai)