跳到正文
DEV Community· VeloxaHost·· 6 小時前AI 評分60

30 條可生成實用網站的 AI 網站生成器提示詞以 CC0 授權免費提供

30 AI website builder prompts that produce usable sites (free, CC0)

AI 導讀

VeloxaHost 整理出 30 條可重用的 AI 網站生成器提示詞，採用 CC0 授權，適用於 Lovable、Bolt、v0、Replit 或 Veloxa Build。提示詞依循六項規則，包括明確交代業務名稱、頁面區塊順序、表單欄位、視覺風格、資料儲存位置，以及逐次作小幅修改。每條提示詞設有一鍵放入建站工具訊息框的按鈕，不會直接送出，方便先行修改。

正文

VeloxaHost

Most "build me a website" prompts produce the same generic page: a hero, three feature cards, lorem ipsum. The fix isn't a longer prompt — it's a more specific one.

We put together a library of specific, structured prompts built on six simple rules: veloxahost/veloxa-build-prompts — 30 prompts, CC0, works in Lovable, Bolt, v0, Replit or Veloxa Build.

The 6 rules behind every prompt

  1. Name the business. "Rise & Crumb bakery" gets you real copy; "a bakery" gets you filler.
  2. List sections in order. The AI follows your structure instead of inventing one.
  3. Spell out every form field. "A pre-order form (name, phone, pickup date, items)" beats "a contact form".
  4. Give it a look. Two or three colours, a mood word, and "mobile first".
  5. Say where data lives. For mini-apps, "save in the browser" avoids half-built backends.
  6. Iterate one change at a time. Small follow-ups beat one 2,000-word prompt.

Three examples

Local business (plumber):

Build a website for a local plumbing company "FlowRight Plumbing". Hero with a big 'Call now' button and emergency 24/7 badge, services grid (leaks, water heaters, drains, remodels), service-area list of towns, a quote request form with photo upload, trust badges section (licensed, insured, years in business) and a reviews section with placeholder text.

SaaS waitlist:

Build a landing page for a SaaS product "ShipNote" that turns git commits into release notes. Sections: hero with a headline, subheadline and email waitlist form, a 3-feature grid with icons, a 'how it works' diagram in 3 steps, pricing teaser (Free, Pro), FAQ and footer. Show a success message after signup. Modern, purple accent.

Working mini-app (expense splitter):

Build an app to split group expenses. Create a group, add people, add expenses (who paid, amount, who shares it, equal or custom split), and show balances plus the minimum set of payments to settle up. Mobile first, save in the browser, export a summary as text.

What's in the repo

  • Small-business sites: bakery, restaurant, salon, contractor, accountant, real estate, trainer, therapist
  • Personal: designer and developer portfolios, link-in-bio, résumé, wedding RSVP
  • Startup/SaaS: waitlist, product launch, pricing page, changelog, status page
  • Apps: habit tracker, invoice generator, to-do, expense splitter, RSVP manager, flashcards, booking page, memory game
  • Community: nonprofit, club, tutor, band

Every prompt has a one-click button that drops it into the builder's message box without sending, so you can tweak it first.

Got a prompt that works well? Open a PR.

Disclosure: we build Veloxa Build. The prompts are CC0 and builder-agnostic.

來源：DEV Community · dev.to

#教學/實踐