Generating Pages

Step 1 — Pick your AI tool

You can generate web designs with any of these tools:

• Google AI Studio — free, fast, great for detailed prompt-based generation with Gemini
• Google Stitch — visual UI generation, ideal for landing pages and app screens
• v0 — generates React components and full pages from a description
• Claude or ChatGPT — good for iterating on design prompts and refining output

Describe the design you want — layout, style, colour scheme, type of page — and let the AI generate it.

Step 2 — Extract an updated prompt

Once the AI has generated a design you're happy with, ask it to write a reusable prompt that would recreate that exact design. This becomes the prompt you submit to Webbin.

Now update the text I sent you first to generate a website
like the one you just made — all the designs, layouts, and
styles included.

Copy the prompt it gives you back. That's your submission prompt.

Step 3 — Export as a single index.html

Before submitting, you need a single self-contained index.html file. Ask your AI to generate it:

Convert this into a single self-contained index.html file.
Use Tailwind CSS via CDN (https://cdn.tailwindcss.com).
Include all libraries as script modules via CDN.
Inline all styles and scripts — no build tools, no local
imports. The file must open directly in a browser with
no dependencies.

Once you have your prompt and your index.html, head to webbin.dev and click Submit.