<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/03c9ca2b-b7d4-43c1-b15e-034f9d95f556/3a3b9b46-4383-47ea-9a26-f7315384e231/16.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/03c9ca2b-b7d4-43c1-b15e-034f9d95f556/3a3b9b46-4383-47ea-9a26-f7315384e231/16.png" width="40px" />
Please review the content below carefully. If it does not resolve your issue, we encourage you to explore our Education & Tutorials section before reaching out to Support. If you need us, we’re here to assist you and will do our best to help!
</aside>
User created prompting guide
Begin Broad and Refine
Use Specific and Focused Prompts:
When prompting the AI, be clear and specific. Direct the model to focus on certain files or functions rather than the entire codebase, which can improve token usage efficiency. This approach is not a magic fix, but anecdotally we've seen evidence that it helps. Some specific prompting strategies that other users have reported as helpful are below, and a ton more can be found in the comment thread below:
If you have specific technologies you want to use (IE Astro, Tailwind, ShadCN), say that in your initial prompt.
Mention Specific Code Segments or Classes: When possible, refer to specific divs, classes, or functions to guide Bolt to the exact place where you want the changes made. You can do this manually in chat or by highlighting the relevant code in your project and using the "Ask Bolt" functionality.
Use the Prompt Enhancer function: The better the prompt, the higher quality of the output — bolt․new can help you improve your prompts automatically with the prompt enhancement feature!
Be Specific About What Should Remain Unchanged: Mention explicitly that no modifications should occur to other parts of the site.
Batch multiple simple to explain instructions into one message. For example you can ask Bolt to change the color scheme, add mobile responsiveness, and restart the dev server safely all in one message.
ADVANCED FEATURE: .bolt/prompt
In every bolt project, if you open it in StackBlitz you can edit a file called .bolt/prompt, and you can add custom instructions for the AI. For example, here is our vite react starter’s prompt files: https://stackblitz.com/edit/vite-shadcn?file=.bolt%2Fprompt. Any instructions listed there will be taken into account on each prompt inside Bolt. You’ll need to edit the .bolt/prompt file in StackBlitz and then reopen the project in bolt for the changes to take effect.