Magic Fill
Automatically fill form fields with realistic test data using AI — one click, no typing.
Overview
Magic Fill is an AI-powered autofill that fills web forms with realistic test data in one click. It scans the page for form fields, sends them to Claude AI to generate contextually appropriate values, and fills everything in with a typewriter animation. No more typing "test@test.com" into every form.
How it works
- Navigate to a page with a form
- Click the VibeCheck extension icon
- Click the wand icon in the popup header
- A blue glow sweeps across the page while fields are scanned
- Fields fill in one by one with a typewriter effect
- Each field flashes green when complete
A status badge in the top-right corner shows progress throughout: "Scanning form fields..." → "Analyzing X fields..." → "Filling fields..." → "Filled X fields".
What gets filled
Magic Fill detects and fills all common form field types:
| Field type | Examples |
|---|---|
| Text inputs | Name, company, address, username |
| Realistic email addresses | |
| Phone | Properly formatted phone numbers |
| Password | Strong passwords that meet common requirements |
| Date | Valid dates in the correct format |
| Textarea | Contextual multi-line text (bios, messages) |
| Dropdowns | Selects a valid option from the list |
| Checkboxes | Checks required boxes, randomly toggles optional ones |
| Radio buttons | Picks a random option from the group |
Only visible, enabled fields are filled. Hidden, disabled, and read-only fields are skipped.
AI-powered generation
Magic Fill uses Claude AI to generate values that make sense together. Instead of random strings, the AI produces a consistent persona — a realistic person with matching name, email, address, and other details. This means:
- The first name in one field matches the name in the email field
- The city matches the state and ZIP code
- Phone numbers use the correct format for the selected country
- Dropdown selections are contextually appropriate
If the AI response takes longer than 8 seconds, Magic Fill automatically falls back to a built-in heuristic engine that matches fields by name, label, and placeholder patterns.
Framework compatibility
Magic Fill works with forms built in any framework — React, Vue, Angular, or plain HTML. It uses native property setters and dispatches the correct DOM events (input, change, InputEvent) so that framework state stays in sync with the filled values.
Limits
- Up to 50 fields per form
- Requires an active VibeCheck login (the AI runs server-side)
- File upload fields are not supported
Tips
- Use it for QA testing — quickly fill registration forms, checkout flows, or any multi-field form with realistic data
- Combine with screen recording — start Magic Fill, then record the form submission to capture any bugs
- Works on any site — login pages, sign-up forms, checkout flows, settings pages, admin panels