Getting Started with Lovable.dev
Set up your environment and launch Vibe QA in your Lovable.dev project.
Before You Start
- Installed the Vibe QA Extension from the Chrome Web Store (installation guide)
- Configured your API key
- Have a Lovable.dev account and project
1
Open Your Lovable.dev Project
- Go to Lovable.dev
- Open any project (or create a new one)
- Wait for the editor to load
You should see:
- Code editor on the left
- Preview panel on the right
- Toolbar at the top
2
Launch Vibe QA
Look for the QA button in the toolbar (usually top-right area, near the preview controls).
Can't find it?
- Refresh the page (F5 or Cmd+R)
- Check the extension is enabled at chrome://extensions/
- Look for a small testing icon or "QA" text
Not Using Lovable.dev?
You can still use Vibe QA with any website! The Chrome extension includes an "Open Panel" option that opens desplega.ai Vibe QA in a new Chrome tab.
- Click the Vibe QA extension icon in your Chrome toolbar
- Look for the "Open Panel" option
- Click it to open desplega.ai Vibe QA in a new Chrome tab
- From there, you can create and run tests for any website URL
