Bolt.new / Bolt DIYby StackBlitz
Bolt Prompt Generator
Get Bolt to build exactly what you meant — on the first try.
Bolt.new uses Claude to generate full-stack applications directly in the browser. The most common failure mode is too little context — Bolt makes assumptions about layout, stack, and user flow when you don't specify them. The more explicit your prompt, the closer the first build is to what you actually want.
Bolt.new generates full-stack apps in under 60 secondsPowered by Claude — responds best to structured, detailed promptsOver 1M+ projects created on Bolt.new (2025)
Source: Official Bolt prompting guide →
Bolt.new lets non-technical founders build full-stack apps in minutes — but most users get something close but wrong. The fix isn't better intuition, it's a better prompt. Bolt runs on Claude under the hood, and Claude needs explicit structure: what screens, what user flows, what tech stack, and what design system. PromptIt builds that structure automatically from your rough idea so Bolt ships what you actually meant.
What makes a great Bolt prompt?
1List every screen and section explicitly — 'A landing page with a hero, 3-column features grid, and pricing table' massively outperforms 'a landing page'
2Specify your tech stack upfront: 'Use React, Tailwind CSS, no external UI libraries' prevents Bolt from making unexpected dependency choices
3Include user flow step by step: 'When the user clicks Sign Up → show a modal with email + password → redirect to /dashboard' gives Bolt a clear logic map
4Add design constraints: 'Black and white colour scheme, Inter font, minimal aesthetic' — without them Bolt defaults to generic blue-and-white styling you'll spend time overriding
Before & after: how PromptIt improves your Bolt prompts
Added explicit section list with content for each, tech stack constraints, CTA copy, design system (colors, font, aesthetic) — giving Bolt a complete brief instead of a vague goal.
✗ Weak prompt
“Build me a SaaS landing page.”
✓ PromptIt-optimised
Build a SaaS landing page for a Chrome extension called PromptIt. Stack: React + Tailwind CSS, no additional UI libraries.
Sections (in order):
1. Hero: headline 'The Grammarly for your AI prompts', subheadline 'Turn rough ideas into powerful prompts in one click', CTA buttons: 'Add to Chrome' (black filled) and 'Try free' (outlined).
2. Features: 3-column grid with icons — 'Instant analysis', '1-click fix', 'Works everywhere'
3. Pricing: 3 tiers — Free ($0), Pro ($9/mo), Teams ($19/mo). Highlight the Pro tier with a dark card.
4. Footer: logo, 4 nav links, copyright line.
Design: black and white with subtle gray accents, clean minimal aesthetic, Inter font, generous whitespace.
Ready-to-use Bolt prompt starters
SaaS Landing Page
Build a landing page for [product name]. Stack: React + Tailwind.
Sections:
1. Hero: headline '[headline]', subheadline '[subheadline]', CTA: '[button text]'
2. Features: [N]-column grid: [feature 1], [feature 2], [feature 3]
3. Pricing: [N] tiers — [tier names and prices]. Highlight: [tier name]
4. Footer: logo + [nav items]
Design: [color scheme], [font], [aesthetic].
Dashboard App
Build a [type] dashboard app. Stack: React + Tailwind.
Screens:
1. Login: email + password, 'Sign in' CTA, 'Forgot password' link
2. Dashboard: sidebar nav with [items], main content showing [data]
3. [Extra screen]: [description]
User flow: Login → Dashboard → [action]
Design: [design style].
CRUD App
Build a [entity] management app. Stack: React + Tailwind + Supabase.
Features:
- List: table showing [columns], search, 'Add new' button
- Add/Edit: modal form with fields: [fields]
- Delete: confirmation dialog
- Auth: email/password login via Supabase
Design: clean admin-style, white background.
Single Component
Build a [component] React component using Tailwind.
Behaviour: [interaction description]
States: default, hover, loading, error
Props: [prop list with types]
Design: [size, colors, style]
Return the component only — no page wrapper.
Bolt prompting tips
→List every screen or section before writing anything else — Bolt fills gaps with assumptions; fewer gaps means fewer surprises
→Define your stack in the first line: 'Stack: React + Tailwind, no external UI libraries' prevents unexpected dependencies
→Describe user flows as actions: 'When user clicks X → show Y → redirect to Z' — Bolt follows logic maps precisely
→Always include design constraints (colors, font, aesthetic) upfront — overriding Bolt's default generic styling wastes tokens and rebuilds
Stop writing weak Bolt prompts
PromptIt analyses your rough idea and builds a complete, structured prompt with role, context, constraints, and format — ready to paste into Bolt in seconds.
✦ Try PromptIt free — no card needed