WebsitePromptCreate a prompt

Prompt guide · Google AI Studio

The Google AI Studio prompt for websites Gemini gets right

Gemini in AI Studio writes a lot of code fast — and without structure, it writes a generic site fast. Like every chat model, it needs explicit output discipline and a real specification to produce something you'd publish.

WebsitePrompt generates a Gemini-tuned brief: a self-contained index.html you can preview instantly, an exact design system, finished section copy, and clean file-boundary continuation rules for longer multi-page sites.

What a great AI Studio website prompt includes

Self-contained output

One index.html with embedded CSS/JS previews instantly and can't break from missing files — ask for it explicitly.

File-boundary continuation

For multi-page sites: 'finish the current file, then continue in the next response' keeps long outputs assemblable.

A design token block

CSS custom properties at :root that every style must reference — Gemini drifts to its defaults otherwise.

Real copy seeds

Gemini's filler copy is as generic as anyone's. Pre-written headlines remove the opportunity.

An anti-cliché list

Explicitly banning lorem ipsum, generic hero gradients and emoji headings measurably changes the output.

How WebsitePrompt handles this for you

When you pick Google AI Studio, your brief asks for a self-contained, instantly previewable index.html — with labeled, complete per-page files and clean continuation when the site needs more.

Try it free →