Automatically improve your prompt

Bolt has a built-in feature to help you create better prompts:

  1. Write your prompt in the prompt box.
  2. Click Enhance prompt Star icon. Bolt generates a recommended prompt, which you can then edit.

Prompting tips

For more detail, a Bolt user has written a great Guide to Bolt.new Prompting.

Some quick tips:

  • Start with the application architecture, including your choice of tools, frameworks, and so on.
  • Add individual components and features, one by one.
  • Add in details in each component with small, specific prompts.
  • Be explicit about what should and shouldn’t change. You can tell Bolt to change or not change specific files. When possible, refer to specific elements, classes, or functions to guide Bolt to the exact place where you want the changes made.

Customize the system message

The system message is an additional message sent to the AI model, telling it how to behave, and providing additional context. You can configure the system message in Bolt. This is useful if you always want the AI to behave a certain way.

  1. Open your project in StackBlitz:
  2. Log in to StackBlitz.
  3. Go to Collections > Bolt collection.
  4. Click the project you want to open.
  5. Open the .bolt/prompt file, or create the .bolt directory then the prompt file if they don’t exist.
  6. Write your system message in plain text.

Here is an example, from Bolt’s Vite React starter project:

For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.

By default, this template supports JSX syntax with Tailwind CSS classes, the shadcn/ui library, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them.

Use icons from lucide-react for logos.

Use stock photos from unsplash where appropriate.