HOWTOUSEMYAIv2
ONLINE--:--:-- ET

Bolt.new Prompts for Instant Web Apps

Bolt.new builds and runs a full app in-browser from one prompt. Being specific about stack, layout, and data up front avoids generic scaffolding you'll have to redo.

6 PROMPTS · 3 CATEGORIES HOW TO USE BOLT.NEW

Full App Generation

  • Build a [TYPE OF APP] using React and Tailwind CSS. It should let users [CORE FEATURES]. Use a clean, modern UI with a dark theme.
  • Create a simple [TYPE] dashboard with a sidebar nav, a main content area showing [DATA/METRICS], and a header with a search bar.

Iterating on an Existing App

  • Add a [FEATURE] to the current app. Keep the existing design system and don't change unrelated pages.
  • Make the app responsive for mobile — the [SPECIFIC COMPONENT] currently breaks on small screens.

Styling & Polish

  • Improve the visual design of this app: better spacing, consistent typography, and a more polished color palette. Don't change functionality.
  • Add loading states and empty states to every list/data view in this app.

Tips for Better Results

  • Name your stack explicitly (React + Tailwind, etc.) — Bolt.new defaults to sensible choices but being specific avoids a mismatch with what you actually want.
  • Make one clear change per prompt when iterating — bundling multiple unrelated asks increases the odds of an unwanted side effect.
  • Ask it to explain what changed after each iteration if you're not reading the code yourself, so you know what to test.
  • Export/download the project periodically once it's in good shape — treat each working checkpoint as a save point.

New to Bolt.new? Start with the step-by-step guide.

◆ HOW TO USE BOLT.NEW