Most websites show the same UI to everyone.
There's a better way: build one page that rewrites itself based on who's visiting.
Here's the full framework.
The Equation
Data + User Intent = Custom UI
You bring the data. AI figures out the user. The page generates itself within rules you define.
How To Capture User Intent
Pick one (or stack a few):
Direct input. Ask the user who they are and what they need. (Most reliable)
Behavior. Clicks, scrolls, search terms.
Environment. Time, location, device, referral source.
History. For logged-in users, use past activity.
In the video below, I went with direct user input. Two dropdowns: "I am a ___ looking to ___". No friction.
The Step By Step Build
1. Prepare your dataset
Make sure your data set includes context the AI can work with. For my AI tools directory, that means "who it's for" and "what it's used for" on every tool.
2. Export to JSON
If you're using a CMS, export as CSV and convert to JSON. Claude does this in one prompt. Verify the output, AI sometimes adds fields that weren't there.
3. Define the custom UI structure
Decide what the AI is allowed to generate. I locked mine to a workflow: 2-4 steps, each with suggested tools. No random elements, no surprises.
4. Build in Google AI Studio
Feed it three things:
Your JSON dataset
A screenshot of your blueprint
A screenshot of your existing site for styling
The prompt: Explain your plan and specify the model. Use Gemini Flash. You don't need a thinking model for this.
5. Test and refine
Try different combinations and tweak the UI with follow-up prompts.
6. Add security
Two musts before publishing:
Rate limit (5 requests per minute per user is fair)
Character limit on free-text inputs
Bots will drain your AI tokens if you skip this.
The Cost
Using Gemini Flash, each generation runs around $0.0015. That's 650 users per dollar. Cheap enough to justify the UX upgrade.
Key Principle
The data dictates everything. Cleaner data = better results. Spend more time on the dataset than on the prompt.
Watch The Full Build
I walk through the entire setup in Google AI Studio, including the prompts and the UI iterations, in this week's video:
Reply with what you'd build with this. I read everything.
– Jad