网页表单自动填充

技能简介

AutoFillIn 是一款基于 Playwright 的浏览器自动化技能，可自动访问网页表单、填充文本字段、选择下拉选项，并将文件或文件夹上传到指定位置。支持登录状态持久化保存，提交前等待人工确认。

能做什么

• 自动导航至任意网页表单 URL
• 填充文本框、多行文本区、下拉菜单等表单元素
• 将文件或整个文件夹上传到表单中的正确位置
• 通过保存的浏览器存储实现持久登录，避免重复验证
• 支持多文件按位置映射上传
• 出错时优雅恢复并给出详细提示

使用说明

安装步骤：

1. 安装 Playwright 浏览器：npx playwright install chromium
2. 首次登录目标站点（以保存会话）：
   npx playwright open --save-storage=~/.playwright-auth.json "https://your-target-site.com"
   在打开的浏览器中手动完成登录，然后关闭窗口
3. 后续运行将自动加载已保存的会话：
   npx playwright open --load-storage=~/.playwright-auth.json "https://your-target-site.com"

MCP 配置：在 Claude Code、OpenCode 等工具中添加以下服务器配置：

{"mcpServers":{"playwright":{"command":"npx","args":["-y","@anthropic-ai/mcp-server-playwright"]},"filesystem":{"command":"npx","args":["-y","@modelcontextprotocol/server-filesystem","/"]}}}

触发命令：autofillin

基本用法示例：

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://example.com/document-upload
Files to upload:
- Position 1 (ID Document): ~/documents/id_card.pdf
- Position 2 (Proof of Address): ~/documents/utility_bill.pdf
[WAIT FOR MANUAL CONFIRMATION]

输入与输出

见下方输入与输出表格。

风险提示

• Google/GitHub OAuth 站点会拦截 Chrome 调试模式，此类站点请使用 Playwright CLI 方式
• 敏感密码建议手动输入，避免硬编码在指令中
• 文件上传前请核对目标位置，防止误传
• 最终提交前务必人工复核，确认无误后再点击发布
• 会话文件保存在本地，注意保护 ~/.playwright-auth.json 不被泄露

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/leohan123123/autofillin/SKILL.md
来源类型：GitHub 开源项目