browser-form-filling

Fill multi-field browser forms atomically and verify submissions from DOM readbacks.

38|6|Updated Aug 14, 2026
One-click install
npx skills add https://github.com/7757/Fan-Browser-Agent --skill browser-form-filling-7757
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-form-filling
Source: https://github.com/7757/Fan-Browser-Agent/tree/main/skills/browser/browser-form-filling
Command: npx skills add https://github.com/7757/Fan-Browser-Agent --skill browser-form-filling-7757

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Filling web forms field-by-field wastes turns and causes failures: per-field Enter presses trigger premature submission, React/Vue controlled inputs silently revert typed values, and double submissions create duplicate records. This Skill provides a disciplined transaction-based workflow for filling, verifying, and submitting forms in an embedded browser. ## Core Features & Use Cases - Atomic form filling: Pass all text fields to browser_fill_form in one call, which resolves indices from a single snapshot, fills each field, and returns per-field readbacks plus a final DOM. - Framework-aware typing: Human typing mode dispatches real key events so React, Vue, and Angular controlled inputs persist values, with direct mode reserved for special controls like date pickers. - Single-submit verification: Submit exactly once from the refreshed snapshot and confirm success, redirects, or validation errors from the returned DOM. - Use Case: Automating a checkout or signup flow where you observe the form once, fill all fields in one transaction, handle dropdowns and uploads with dedicated tools, then submit once and confirm the result. ## Quick Start Observe the page, fill every text field in one browser_fill_form call, then click the submit button once and confirm the result from the returned DOM.

Frequently Asked Questions about browser-form-filling

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fill a multi-field web form with a browser automation agent?▼

Observe the page once to capture all input indices, then pass every text field to browser_fill_form in a single call. It fills and verifies each field locally and returns one final DOM, avoiding separate focus, type, and observe calls per field.

Why does my typed value disappear in React or Vue form inputs?▼

Controlled inputs re-render from state and discard direct value assignments. Use human typing mode, which dispatches real key events that trigger the input and change handlers frameworks listen for, then re-run browser_fill_form for any field whose readback mismatches.

Should I press Enter after filling each form field?▼

No. Pressing Enter per field submits the form early or triggers per-field validation that blocks remaining fields. Fill all text fields first, then submit exactly once by clicking the actual submit control.

How do I verify a form field value was actually entered?▼

Check the readback returned per field by browser_fill_form first, since it costs no extra call. For mismatches or custom controls, inspect the value with browser_element using the attribute or evaluate operation.

When should I not use browser_fill_form for form controls?▼

Do not use it for dropdowns, file inputs, checkboxes, or radios. Use browser_select or open-and-click for dropdowns, browser_upload for file inputs, and browser_click for checkboxes and radio buttons.