Quick Fix
Click elements on a page, suggest text or style changes, and let AI create a pull request — no code required.
Overview
Quick Fix lets QA engineers and product managers click elements directly on a web page, suggest text or style changes in batch, and save everything as a lightweight bug report. These suggestions feed into the AI Fix agent as targeted instructions, which then creates a pull request automatically.
This bridges the gap between finding a visual issue and fixing it. Instead of writing a bug report and waiting for a developer, you point at the problem, type what it should be, and AI handles the rest.
How it works
1. Enter Quick Fix mode
Click the Quick Fix button in the VibeCheck extension popup toolbar. The page enters inspection mode — elements highlight as you hover over them.
2. Click and suggest changes
Click any element to open an edit tooltip. You can:
- Change text — type the corrected text (e.g., fix a typo, update a label)
- Change styles — modify color, font-size, or visibility
- Hide elements — mark elements as hidden
Each fix gets a numbered badge on the page so you can track what you've changed.
3. Review your fixes
Numbered badges appear on each element you've fixed. Click any badge to edit or remove the suggestion. Add as many fixes as you need in a single session.
4. Save and open
Click Save & Open to capture a viewport screenshot along with all your suggestions. This saves as a quick-fix track and opens it on the VibeCheck platform.
5. AI creates a PR
Navigate to the AI Fix tab on the track page. The AI agent receives your suggestions as explicit, high-confidence instructions — "change X to Y on element Z" — and creates a pull request with the exact changes.
What you can fix
Quick Fix is designed for visual and copy changes that don't require deep engineering context:
- Typos — misspelled words in buttons, headings, labels
- Copy updates — changing placeholder text, descriptions, error messages
- Color tweaks — updating text or background colors
- Font changes — adjusting font-size for readability
- Visibility — hiding elements that shouldn't be shown
How it differs from AI Fix
| Quick Fix | AI Fix | |
|---|---|---|
| Input | You click elements and specify exact changes | AI analyzes the bug report to figure out what to change |
| Precision | High — you tell the AI exactly what to change | Variable — depends on bug report quality |
| Best for | Known visual/copy issues you can point at | Bugs captured via recording where the fix isn't obvious |
| Combined | Quick Fix suggestions feed into AI Fix for maximum accuracy |
Requirements
- VibeCheck extension installed in Chrome
- Signed in with Google
- GitHub connected on the platform (for AI Fix to create PRs)
Tips
- Batch your fixes — fix multiple elements in a single session before saving. Each save creates one track, and AI Fix processes all suggestions together in one PR.
- Be specific with text — type the exact replacement text. The more precise your suggestion, the better the AI fix.
- Use for QA handoff — instead of writing "the button says 'Submti' but should say 'Submit'", just click it and type the fix.
- Works on any site — Quick Fix works on any web page, not just your own projects.