To help you write better prompts, reuse them, and save time while building your favorite projects, we have a new feature called Prompt library. Head over to the Interacting with Bolt section to see how you can fully utilize this feature.
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. Avoid overwhelming the LLM with too many instructions and requirements at once.
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.
Bolt forgets what you told it earlier in the same chat
The context window isn’t infinite.A way to preserve context while keeping the context window small is to get the AI to summarize the conversation so far, then reset the context window. Refer to Reset the AI context window for instructions.
The project and system prompts are additional messages sent to the AI model, telling it how to behave, and providing additional context. This is useful if you always want the AI to behave a certain way.Project versus system prompts:
The project prompt is specific to your current project.
The system prompt applies to every project.
Update the prompts:
Open the menu by hovering over the left side of the screen or clicking Open sidebar. If you want to update a project prompt, you must be in the project. You can’t update the prompt while Bolt is thinking and the project is building.
Click Settings > Knowledge.
Update the Project Prompt or Global System Prompt.
Click Save prompt. Bolt confirms whether the prompt updated successfully.
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.