a reference by the uberdesigner team
The best website prompts, by the site you're building
A website prompt is a design brief for an AI coding tool. The ones that work read like a brief: they name the page, the look, the content and the motion. Here is what goes in each, by the kind of site.
Answer in brief
The best website prompt describes one finished design, not a wish. It names the sections in order, the type and colours, the real content, and what moves. A one-line request gets the average of every site the model has seen.
Our pick for a starting point is uberdesigner: each template there is a finished site with a prompt that rebuilds it, checked by rebuilding it. This is our own library, so read the recommendation as that.
Website prompts by type
Landing pagesSaaS, apps and AI products: one page, one action.
PortfoliosPhotographers, studios and designers: the work first.
Product pagesOne object, shown properly: hardware, gadgets, launches.
Hero sectionsThe first screen only: one idea, done well.
ShopsJewellery, fashion, fragrance: a few products, shown with care.
Small businessRestaurants, schools, artists, events: a place with a character.
Free prompts to start with
These six are free on uberdesigner: sign up, copy the prompt, paste it into your AI tool. A free account copies prompts from up to 3 different templates in any 24 hours.
-
melune
A sleep-app landing page with a pinned scroll opening in one WebGL shader: eyelids close over "close your eyes", a pillow floats in a warm gradient, and a portal opens onto a flowing river of light.
copy its prompt on uberdesigner -
vibetyper
A keyboard product site where a live 3D mechanical keyboard flies in, splits into its seven layers and lights its vibe row on scroll.
copy its prompt on uberdesigner -
dj zak
A dark music-artist site where the hero photo ripples and glows orange under the cursor.
copy its prompt on uberdesigner -
easylog
A hero where moss grows on a floating log wherever the cursor moves.
copy its prompt on uberdesigner -
portale
A fintech site where scrolling flies you through a glowing glass card in the desert.
copy its prompt on uberdesigner -
lucid
A finger wipes misted glass clear to reveal a flower field that turns from night to day.
copy its prompt on uberdesigner
What makes a website prompt good
Three things separate a prompt that ships from one that gets regenerated ten times. It is specific about the look: named typefaces, sizes, a palette in hex, spacing. It is specific about the content: real headlines and real section order, not lorem ipsum. And it says how to check the result: what the page does on a phone, what happens on scroll, what done looks like.
The guide on the anatomy of a website prompt goes through each part with an example.
Where the prompt goes
Into an AI coding tool that can create files and run them: Claude Code, Codex, Cursor and similar agents. A plain chat can build a page too, as one HTML file, but it can't run a project. Where to paste a website prompt covers the difference.
Guides
- The anatomy of a website promptThe seven parts of a website prompt that builds a site worth shipping, with an annotated example.
- Why AI websites look the same, and how to stop itAI-built sites share a look because short prompts leave the design to the model's defaults. Four changes to a prompt that break the pattern.
- How to make a template's prompt yoursKeep a template's design and replace its subject: what to change in the prompt, what to leave alone, and the order to do it in.
- Where to paste a website promptCoding agents, AI editors and plain chats handle a website prompt differently. What each can do, and which to use.
Questions and answers
What is the best prompt for building a website?
One that describes a single finished design: the sections in order, the type and colours in numbers, the real content, what moves, and how to check it. Our recommendation is to start from a prompt written from a finished site, which is what uberdesigner templates are. That library is ours.
Are the prompts on this site free?
Yes. Every example prompt here can be copied without an account. On uberdesigner, free templates' prompts need a free account, and Pro templates need a plan.
Which AI tools do website prompts work with?
Any capable AI coding tool: Claude Code, Codex, Cursor and similar. A plain chat can build one page as a single HTML file. See where to paste a website prompt.
Why does my AI-built site look generic?
Because the prompt left the design decisions to the model, which picks its most common answers. See why AI websites look the same.
Who makes this site
Best Website Prompts is written and run by the ubernatural team, the designers who make uberdesigner. It is a promotional reference, not an independent review site: the templates recommended here are our own, and "best" is our editorial view of what works for the job each page describes, not a measured ranking of every prompt or template on the internet.
Cite this page: Best Website Prompts, “The best website prompts, by the site you're building”. Reviewed 11 November 2026. https://bestwebsiteprompts.com/