Hey everyone,
I’ve been building on Bubble for a while now, and the thing that always ate up most of my time wasn’t actually building it was debugging.
Whenever something broke in preview, I found myself constantly jumping back and forth between the Bubble debugger, browser console, Network tab, and ChatGPT just to figure out what a single error meant.
Eventually, I got tired of it and built a Chrome extension to fix my own workflow. It worked so well for me that I decided to polish it up and share it with you guys.
What it actually does
Important: Preflight works on your app in Preview or Live not inside the Bubble editor. The editor doesn’t run your app, so there’s nothing to catch there. Hit Preview and it starts working.
It runs quietly in the background while you test your app on preview, live, or custom domains.
-
Failed workflow requests & API Connector errors
-
403s from privacy rules
-
JS errors & plugin crashes
-
Broken images and abnormally slow requests
Instead of just dumping a raw console log in your face, it breaks things down in plain Bubble terms telling you which specific workflow failed, which element is tied to it, and what you should check.
There’s also a “Deep Scan” feature. It scans your page structure (without executing anything) to spot quiet bugs before they hit you later like navigation actions pointing to deleted pages, orphan buttons with no workflows, missing custom states/option sets, or overly heavy repeating groups.
Oh, and there’s a quick performance panel for LCP, CLS, long tasks, and heavy payloads.
A few quick heads-ups
-
It’s free. There is a daily limit on the AI diagnosis feature just because I’m covering those API costs out of my own pocket for now.
-
Permissions: Chrome will warn you that it can “read data on all websites”. That’s simply because Bubble apps run on all kinds of custom domains. It only actually triggers on Bubble sites and stays completely dormant everywhere else. No tracking, no background analytics nothing leaves your browser unless you explicitly click to send an error for diagnosis.
-
It’s still early: It works great on my own projects, but every Bubble app is built differently. If it misses an error, misfires, or gives a weird explanation, please let me know. That kind of feedback is super helpful for me right now.
Here’s the store link if you want to try it out:
Happy to answer any questions or discuss how it works under the hood!
Here’s what a diagnosis actually looks like
). it’s free and early stage, would love to know if it spots anything useful for you guys!