web-form-automation

What This Skill Does

The web-form-automation skill is a robust toolkit for interacting with web interfaces using Playwright. It is specifically designed to handle the complexities of modern web forms that often evade standard automation tools. The skill provides methods for persistent session management (allowing users to maintain logins via cookie and storage injection), optimized file uploading with native support for WebP conversion to ensure rapid, reliable uploads, and advanced text entry techniques. Unlike basic automation that merely sets values, this skill emphasizes triggering JavaScript events and human-like typing behaviors to ensure that form validation and 'submit' button activation logic are properly satisfied by the target website.

Installation

To integrate this skill into your environment, run the following command in your terminal: clawhub install openclaw/skills/skills/flyingzl/web-form-automation

Use Cases

This skill is ideal for:

• Automated data entry into legacy or modern web portals.
• Batch file uploads to cloud storage or content management systems.
• Maintaining sessions for long-running monitoring tasks.
• Testing web forms by simulating real user keystrokes.
• Automating repetitive administrative tasks involving multiple web-based UI steps.

Example Prompts

1. "Navigate to the client intake portal, login using the session.json file, and fill out the form using the text provided in notes.txt."
2. "Upload the company logo to the profile settings page, ensuring it is compressed to WebP format before submitting."
3. "Open the contact form, type in the details with a 30ms delay between characters, and force click the submit button even if it appears disabled initially."

Tips & Limitations

To ensure success, always prioritize pressSequentially() over fill() to guarantee that input and change events fire correctly. For file uploads, ensure your network bandwidth can handle the target size, though WebP compression is recommended to minimize latency. Be aware that websites with aggressive anti-bot detection (like reCAPTCHA) may require additional handling or manual intervention. If a button remains unresponsive, verify the button state using isEnabled() and isVisible() before resorting to force: true clicks. Always manage your session data securely and ensure that cookies are set before navigating to the protected page to prevent unnecessary redirects.