Automate complex web form interactions and file uploads using Playwright with reliable session management and event-driven inputs.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install web-form-automation
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install web-form-automation using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Web Form Automation?
This skill provides a robust framework for automating intricate web interactions using the Playwright library. It addresses common automation hurdles like session persistence, file upload timeouts, and reactive UI components that require specific event triggers to validate data. By integrating this into your Openclaw Skills library, you can reliably perform tasks that typically require manual browser intervention.
The solution prioritizes reliability by utilizing real user simulation techniques. Instead of simple value injections, it employs sequential typing and manual event dispatching to ensure that web applications correctly register form inputs, making it an essential tool for developers building complex automation workflows.
Web Form Automation Use Cases
- Automating repetitive data entry into legacy web portals or CRM systems.
- Uploading bulk media files to AI video generation or image processing platforms.
- Performing automated end-to-end testing of multi-step forms that require session persistence.
- Bypassing UI-only restrictions by simulating authentic human typing behavior.
- Synchronizing data between local environments and web-based dashboards without APIs.
How Web Form Automation Works
- The automation engine initializes a Playwright browser context, optionally injecting session data like cookies and localStorage to bypass login walls.
- It navigates to the target URL and monitors the DOM state to ensure all form elements are fully loaded and interactable.
- Media assets are processed via a compression script to convert them into WebP format, significantly reducing upload time and preventing timeout errors.
- Text inputs are handled through sequential keystroke simulation which triggers the necessary JavaScript 'input' and 'change' events required by modern frameworks.
- The skill identifies the submission triggers and executes a force-click if necessary to override artificial UI states.
- Finally, the process captures a screenshot or log entry to confirm the successful submission within the Openclaw Skills environment.
Web Form Automation Setup
To get started with this automation skill, ensure you have Playwright and the necessary dependencies installed:
npm install playwright
# Install ImageMagick for image compression
sudo apt-get install imagemagick
Place your session credentials in a session.json file in the following format:
{
"cookies": [...],
"localStorage": { "key": "value" }
}
Web Form Automation Data Schema & Taxonomy
The skill organizes its operation around specific configuration files and script assets:
| Component | Type | Description |
|---|---|---|
session.json |
JSON | Stores cookies and local storage keys for persistent authentication. |
scripts/webp-compress.sh |
Shell | Utility to optimize images before uploading to reduce failure rates. |
scripts/form-submit.js |
JavaScript | The core logic for navigating and interacting with the target form. |
result.png |
Image | An automated screenshot captured post-submission for verification. |
Web Form Automation Advanced Features
- Advanced Session Injection: Supports full context restoration including complex localStorage objects.
- Intelligent Typing: Uses pressSequentially with configurable delays to mimic human interaction and bypass bot detection.
- Optimized Resource Handling: Built-in WebP conversion reducing PNG/JPG sizes by up to 99% for faster Openclaw Skills execution.
- Event Dispatching: Capability to manually trigger 'input' and 'change' events to force-validate forms that ignore standard input methods.
- Error Recovery: Includes force-click overrides for buttons that remain visually disabled despite valid input.
SKILL.md
Loading
Related Openclaw Skills
Jimeng AI Video Automation
A comprehensive automation solution for batch generating AI videos on the Jimeng AI platform using Playwright and session persistence.
Crawl From X
A specialized tool for automating the extraction of X/Twitter posts and media into organized, offline-ready Markdown files.
Acorn Prover Skill
A specialized tool for writing, verifying, and documenting formal mathematical and cryptographic proofs using the Acorn theorem prover.
Social Media Automator
An automated content repurposing tool that converts articles and URLs into platform-optimized social media posts and threads.
A/B Test Architect
A professional CRO framework for planning, prioritizing, and documenting A/B tests using the high-velocity Test Velocity Method.
Agentic Loop Designer
A structured framework to convert repeatable manual tasks into autonomous agent loops using a proven Yes/No decision canvas.
Featured*
