Automated web form filling and file uploading skill with Playwright browser automation. Handles login persistence, form detection, file uploads, and waits for manual confirmation before submission.
The English summary is being prepared. Showing the original description.
Review the instructions the agent will receive before you install.
Trigger Command: autofillin
An intelligent automation skill that fills web forms, uploads files/folders to correct positions, and handles complex multi-field submissions with persistent login support.
| Version | Changes |
|---|---|
| v1.2.0 | Enhanced error handling, consolidated config, improved robustness |
| v1.1.0 | Added Playwright support, session persistence, folder upload |
| v1.0.0 | Initial release with Chrome debug mode |
# 1. Install Playwright browsers
npx playwright install chromium
# 2. First-time login (saves session for reuse)
npx playwright open --save-storage=~/.playwright-auth.json "https://your-target-site.com"
# Login manually in the browser that opens, then close it
# 3. Future runs will auto-login using saved session
npx playwright open --load-storage=~/.playwright-auth.json "https://your-target-site.com"
Add to your MCP settings (Claude Code, OpenCode, etc.):
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@anthropic-ai/mcp-server-playwright"]
},
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "/"]
}
}
}
Environment variables for shell integration:
export CHROME_DEBUG_PORT=9222
export CHROME_USER_DATA_DIR="$HOME/.chrome-autofillin"
# First login - saves session
npx playwright open --save-storage=~/.playwright-auth.json "https://molthub.com/upload"
# Subsequent uses - loads saved session
npx playwright open --load-storage=~/.playwright-auth.json "https://molthub.com/upload"
Advantages:
# Start Chrome with debug port
./scripts/start-chrome.sh "https://example.com/form"
# With your default Chrome profile (keeps existing logins)
./scripts/start-chrome.sh --use-default-profile "https://example.com/form"
Note: Chrome debug mode with custom --user-data-dir is blocked by Google OAuth. Use Playwright for sites requiring Google/GitHub login.
autofillin https://example.com/form
- Fill "Name" field with "John Doe"
- Fill "Email" field with "john@example.com"
- Upload resume.pdf to file input
autofillin https://molthub.com/upload
Form Data:
- Slug: autofillin
- Display name: AutoFillIn - Browser Form Automation Skill
- Version: 1.2.0
- Tags: automation, browser, form, playwright, mcp
- Changelog: v1.2.0 - Enhanced error handling, consolidated config
Upload:
- Folder: ~/clawd/skills/autofillin/
[WAIT FOR MANUAL CONFIRMATION TO PUBLISH]
autofillin https://example.com/document-upload
Files to upload:
- Position 1 (ID Document): ~/documents/id_card.pdf
- Position 2 (Proof of Address): ~/documents/utility_bill.pdf
- Position 3 (Photo): ~/photos/headshot.jpg
[WAIT FOR MANUAL CONFIRMATION]
1. BROWSER SETUP
- Check for saved session (~/.playwright-auth.json)
- Launch Playwright Chromium with session
- Or prompt for one-time login if no session exists
2. NAVIGATION & LOGIN
- Navigate to target URL
- Detect if login is required
- If login needed: Fill username, prompt for password, save session
3. PAGE ANALYSIS
- Take accessibility snapshot
- Identify all form fields
- Map field labels to input elements
4. AUTO-FILL PHASE
- Fill text fields using fill() or fill_form()
- Select dropdown options
- Upload files/folders via upload_file()
5. CONFIRMATION PHASE
- Display summary of filled data
- WAIT FOR MANUAL CONFIRMATION
- User reviews and clicks Submit/Publish
| Tool | Purpose |
|---|---|
| take_snapshot | Get page accessibility tree |
| fill | Fill single form field |
| fill_form | Fill multiple fields at once |
| upload_file | Upload file or folder |
| browser_click | Click buttons |
| evaluate_script | Run JavaScript |
| navigate_page | Navigate to URLs |
# Use macOS Keychain
security add-generic-password -a "github" -s "autofillin" -w "your-password"
security find-generic-password -a "github" -s "autofillin" -w
# Use Linux secret-tool
secret-tool store --label="autofillin-github" service autofillin username github
# Use Windows Credential Manager
cmdkey /add:autofillin-github /user:github /pass:your-password
Sessions saved to ~/.playwright-auth.json include cookies, localStorage, and sessionStorage.
| Error | Cause | Solution |
|---|---|---|
| Unsafe browser | Google OAuth blocked | Use Playwright instead of Chrome debug |
| Login required | Session expired | Run with --save-storage |
| Element not found | Page changed | Take new snapshot |
| Upload failed | Wrong file type | Check webkitdirectory |
| Port in use | Another Chrome instance | Script auto-kills conflicting process |
| Chrome not found | Not installed | Run setup-env.sh |
# Check if port is in use
lsof -i:9222
# Kill existing processes
pkill -f "remote-debugging-port=9222"
# Retry
./scripts/start-chrome.sh "https://example.com"
# Verify auth file exists
ls -la ~/.playwright-auth.json
# Re-authenticate
npx playwright open --save-storage=~/.playwright-auth.json "https://target-site.com"
ls -la /path/to/filewebkitdirectory attributeautofillin/
├── SKILL.md # This documentation (includes MCP config)
└── scripts/
├── setup-env.sh # Environment setup (cross-platform)
├── start-chrome.sh # Chrome debug launcher
└── autofillin.sh # Main orchestrator with error handling
MIT
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
The English summary is being prepared. Showing the original description.
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
The English summary is being prepared. Showing the original description.
When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," or "hypothesis." For tracking implementation, see analytics-tracking.
The English summary is being prepared. Showing the original description.
This skill should be used when interacting with Apple Calendar on macOS. Use it for listing calendars, viewing events, creating/updating/deleting calendar events, and checking availability/free-busy times. Triggers on requests like "check my calendar", "schedule a meeting", "what's on my schedule", "am I free tomorrow", or any calendar-related operations.
The English summary is being prepared. Showing the original description.
This skill should be used when the user asks to "attack Active Directory", "exploit AD", "Kerberoasting", "DCSync", "pass-the-hash", "BloodHound enumeration", "Golden Ticket", "Silver Ticket", "AS-REP roasting", "NTLM relay", or needs guidance on Windows domain penetration testing.
The English summary is being prepared. Showing the original description.
ActiveCampaign CRM integration for lead management, deal tracking, and email automation. Use for syncing demo leads, managing clinic sales pipeline, and triggering follow-up sequences.
The English summary is being prepared. Showing the original description.