When something in your app is not working as expected, debugging means figuring out what is wrong and fixing it. In Rocket, you do this by explaining the problem clearly so the AI can help you fix it without starting over.This guide covers:
- How to describe problems so they are easy to fix
- Quick commands for common issues
- How to make small, safe fixes instead of big rewrites
- Common integration errors and fix prompts
When something goes wrong
Before you write a long message, try these quick checks:- Refresh the page. Sometimes the page just needs to reload.
- Undo your last change. If you know what broke it, undo it.
- Check for typos. Look for spelling mistakes in names and labels.
- Check your settings. Make sure your connections and configuration are correct.
How to describe problems
The best way to get help is to explain your problem clearly. Use this template:Example
Step-by-step guide when something breaks
Check for error messages
Look for any error messages on the screen or in the browser.
- If you see an error message, copy the exact text and use it in your problem description.
- If you do not see an error message, move to the next step.
Check if something looks wrong
Compare what is on the page to what you expected.
- If something looks wrong, describe what you expected and what you actually see.
- If everything looks correct, move to the next step.
Check if nothing happens
If clicking buttons or interacting with the page does nothing at all:
- Look more carefully for error messages you might have missed
- Describe what should happen when you interact with the page
- Describe what actually happens (nothing)
Quick commands for common problems
Rocket has special commands that can fix common problems quickly. Try these before writing a longer message.Layout and spacing
/Fix Layout Issuesfixes things that look misaligned or spaced wrong/Fix Layout Issues in pricing gridfixes layout in a specific area/Fix Layout Issues for mobile breakpointsfixes responsive layout issues
Navigation
/Fix Navigation Issuesfixes broken links or pages that do not load/Fix Navigation Issues in header navigationtargets a specific area/Fix Navigation Issues for dashboard routestargets specific routes
Theme
/Fix Theme Switchingfixes problems switching between light and dark mode
Login and authentication
/Fix Supabase Authentication Issuesfixes common login and signup problems/Fix Supabase Authentication Issues for users who can sign up but cannot log intargets a specific scenario
Code organization
/Organize Codecleans up messy or hard-to-find code/Organize Code in src/components/dashboard.tsxtargets a specific file
Scoping changes to one file
Use@ followed by the file name to make sure changes only happen in that file:
Common problems and how to fix them
Only fix one specific thing
Only fix one specific thing
Ask for an explanation first
Ask for an explanation first
Something feels slow
Something feels slow
Try
/Fix Layout Issues first. Sometimes layout problems make pages feel slow. If that does not help:Button does not work
Button does not work
Information does not save
Information does not save
Use
@pages/tasks.jsx to limit changes to one file:Something does not show up
Something does not show up
Use
@pages/dashboard.jsx to limit changes to one file:Example: Fixing a login problem
Here is how a vague message becomes a clear one. Bad (too vague):/Fix Supabase Authentication Issues. If that does not work, use a detailed description:
What to avoid
Being too vague
Instead:@pages/contact.jsx fix the submit button behavior. Nothing happens when clicked, no error appears, and no data is sent.
Asking for too much at once
Instead:@pages/checkout.jsx fix the payment button so it completes properly. The form validation works correctly.
Not giving enough details
Instead:Saying “sometimes it does not work”
Instead:When your messages are not working
If you have used the template above but Rocket keeps making changes that do not help:| Situation | What to try |
|---|---|
| Fix is completely wrong | Be more specific about the problem. Use the template structure. |
| Fix is partially right | Add more details about the problem. Include error messages and location. |
| Changed the wrong parts | Clearly state what NOT to change. Use @ to scope to one file. |
| Fix changes each time | Break the problem into smaller parts. Fix one issue at a time. |
| Ignores your existing work | Point to similar parts that work correctly. Show what you want it to look like. |

