Prompt Generator

Website Prompt Generator

Describe a site or paste a URL you like and get a build prompt for Lovable, v0, Bolt and Cursor, covering pages, sections, style and copy tone. Free, no sign-up.

0 / 2,000

Looking for ready-made briefs? Browse website prompts

Related prompt tools

View more
AI Prompt GeneratorTurn a rough idea into a full prompt for ChatGPT, Claude, Gemini, DeepSeek and Grok.
Prompt OptimizerPaste a prompt and get a clearer, shorter or structured version.
Claude Prompt GeneratorXML-tagged context, instructions and output.
ChatGPT Prompt GeneratorRole, task, context and a clear output format.
Image Prompt GeneratorPrompts in the syntax Midjourney, Nano Banana, GPT Image, FLUX, Seedream and Stable Diffusion follow.
Image to PromptUpload a picture and get the prompt that recreates it.

Before and after

Two authored examples: a one-line request turned into a Lovable brief for a small business, and a feature request turned into a Cursor task with files and checks.

  1. A dog grooming salon

    LovableBusiness sitePlayful
    Before
    website for my dog grooming place, people should be able to book, we also sell some shampoos
    After
    Build a website for [SALON NAME], a dog grooming salon in [CITY]. Its job is to get local dog owners to book a groom online. A small shop sells the salon's own shampoos. ## Pages - / Home: what the salon does, prices from, how booking works - /services: each groom type with size-based prices - /book: a 3-step booking form - /shop: product grid, product detail as a sheet - /about and /contact ## Home sections, in order 1. Hero: headline about stress-free grooming, one line on the area served, primary button "Book a groom", secondary "See prices". 2. Services strip: 4 cards (bath and brush, full groom, puppy intro, nail trim) with a price "from [PRICE]". 3. How it works: 3 numbered steps. 4. Before and after gallery: 6 image placeholders in a grid. 5. Reviews: 3 quote cards with [CUSTOMER NAME] placeholders. 6. Shop teaser: 3 products and a link to /shop. 7. Location, opening hours and a map placeholder, then the footer. ## Design - Playful and warm: rounded-2xl cards, soft shadows, friendly illustrations as placeholders. - Colours: cream background #FFF8EF, teal primary #0F766E, coral accent #F97362, dark text #1F2937. - Fonts: a rounded sans for headings (Nunito), Inter for body. - Mobile first: single column under 640px, sticky "Book" button at the bottom on phones. ## Components shadcn/ui Card, Button, Tabs (dog size on /services), Calendar and RadioGroup in the booking form, Sheet for product detail, Accordion for FAQs. ## Copy tone Friendly, short sentences, talks to the owner about their dog by name. No jokes in the booking flow. ## Data Use Supabase: tables services, bookings (dog name, size, service, date, slot, owner phone) and products. No payments yet; booking sends a confirmation screen. Start with the Home page and the booking flow. Do not build accounts or the shop checkout yet.

  2. A feature page in an existing app

    CursorLanding pageMinimal
    Before
    add a pricing page to our nextjs app with 3 plans and a monthly yearly toggle
    After
    Goal: add a /pricing page to this Next.js app with three plans and a monthly or yearly toggle. Before you start: read the app directory, the shared UI components and the Tailwind config. Reuse the existing Button, Card and layout components; do not add a UI library. Files - app/pricing/page.tsx: the page (server component) - components/pricing/PlanToggle.tsx: client component for the toggle - components/pricing/PlanCard.tsx - lib/plans.ts: plan data, one source of truth Page sections 1. Heading and one-line subhead. 2. Monthly and yearly toggle; yearly shows "2 months free". 3. Three plan cards: [PLAN 1], [PLAN 2] (highlighted), [PLAN 3], each with price, 5 features and a button. 4. Feature comparison table, collapsible on mobile. 5. FAQ, 5 questions, using the existing accordion if there is one. Style Minimal: white background, the project's existing accent colour for the highlighted plan only, 1px borders, no gradients. Acceptance criteria - [ ] Prices come from lib/plans.ts, nothing hard-coded in JSX. - [ ] The toggle updates prices without a page reload and is keyboard accessible. - [ ] No horizontal scroll at 375px. - [ ] The page has a title and meta description. - [ ] Typecheck and lint pass. Do not change files outside the ones listed unless an import requires it.

Two ways to start

Begin from words or from a page you already like. Either way you get one prompt in the shape your builder reads best.

Describe an idea
Say what the site is for, who visits it and what they should do. A sentence is enough; the prompt fills in pages, sections and style, with [PLACEHOLDERS] for facts only you know.
Start from a URL
Paste the address of a page whose layout you like. We read that one page for its outline, headings, colours and fonts, then write a prompt for your own site in that spirit, with new copy and no brand names.

Written for your builder

Each builder works from a different stack and reads a first message differently, so the prompt changes shape with it.

Lovable
Pages, design tokens and Supabase data in one brief.
v0
Next.js and shadcn/ui components, one route at a time.
Bolt
Stack, feature checklist and sample data that run in the preview.
Cursor
A coding agent task with files and acceptance criteria.

Site types and styles

6 kinds of site and 6 visual styles, or Any to let the prompt choose from your description.

Landing page
A single long page with one goal and one main call to action.
Business site
A small multi-page site: home, services, about, contact, maybe pricing.
Web app
A signed-in web app or dashboard with navigation, data views and forms.
Online store
A shop with product listing, product page, cart and checkout steps.
Portfolio
A personal or studio portfolio with a project grid and case pages.
Blog
A content site with an article list, article page, tags and newsletter signup.

How to use the website prompt generator

Three steps from an idea or a URL to a prompt your builder can start from.

  1. 11. Describe the site or paste a URLA rough idea is fine. With a URL, add a line about your own site so the prompt is about you, not the reference.
  2. 22. Pick the builder, site type and styleChoose Lovable, v0, Bolt and Cursor, then the kind of site and a visual style, or leave both on Any and let the prompt decide.
  3. 33. Copy it into your builderPaste the prompt as your first message, fill in the placeholders, then ask for one page or section at a time.

Frequently asked questions

What people ask before they write a website prompt.

1What is a website prompt generator?
It turns a short description of a site into the detailed first message an AI site builder needs: the pages, the sections on each page in order, the layout on phones and desktops, colours and fonts, the copy tone, the components and the technical limits. A builder given that brief makes fewer guesses, so you spend less time fixing the first version.
2Is it free?
Yes. You get 10 free runs a day on each device without an account, and 20 a day with a free account. It shares that allowance with the other prompt tools, and paid plans remove the daily limit.
3Which site builders does it write for?
Lovable: pages, design tokens and supabase data in one brief. v0: next.js and shadcn/ui components, one route at a time. Bolt: stack, feature checklist and sample data that run in the preview. Cursor: a coding agent task with files and acceptance criteria. Each prompt follows the shape that builder handles best.
4What happens when I paste a URL?
Our server downloads that one HTML page, without images, scripts or cookies, and pulls out its title, headings, navigation labels, section order, colours and fonts, plus a short sample of the text for tone. Only that summary goes to the AI model. The page itself is not stored, and nothing from it is shown back except a short note of what was read.
5Will it copy the reference site?
No. The model is told to use the reference for structure and style only, to write new copy for your site and to leave out the reference's name, products and logos. Use it for inspiration, and only build on designs you have the right to use.
6Why can't it read some pages?
It reads public web pages only. Addresses on private networks, pages larger than 2 MB, pages that take longer than 5 seconds, files that are not HTML and pages whose robots.txt asks tools like ours to stay out are skipped. Sites that build everything with JavaScript may also give a thin summary; describe the site instead in that case.
7Can I use the prompt for a site with accounts or payments?
Yes. Pick Web app or Online store and say what users need to do. The prompt lists the data the site needs and, for Lovable and Bolt, when to connect Supabase. Payment details stay as placeholders for you to set up in the builder.

Give your site builder a real brief

Free, 10 a day, no sign-up. Describe the site or paste a URL, pick the builder, then copy.

Write a website prompt