К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

browser-form-fill — скилл для Claude Code: что делает и как установить

Заполняет веб-формы по структурированной карте полей JSON и сохранённым шаблонам селекторов. Помогает автоматизировать ввод данных и отправку форм в браузере.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add ruvnet/ruflo --skill browser-form-fill -a claude-code
Открыть на GitHub

Что делает browser-form-fill

Скилл сопоставляет пары «поле — значение» из JSON с элементами на веб-странице. Если для сайта уже сохранён шаблон в browser-templates, селекторы берутся оттуда. В остальных случаях инструмент изучает дерево доступности страницы через browser_snapshot и находит поля ввода по их подписям.

Перед отправкой текста каждое значение проверяется через фильтр aidefence_has_pii. Личные данные не попадают в запись сессии: вместо реальных строк агент оставляет замаскированные плейсхолдеры. Для обычных полей вызывается browser_fill, а для вариантов с подсказками скилл имитирует ввод клавиш через browser_type.

Флаг --submit нажимает кнопку отправки и ждёт перехода на следующую страницу. Скилл не умеет обходить капчу. При её появлении он передаёт управление человеку.

Какие задачи решает

  • Заполнить веб-форму данными из подготовленного файла JSON
  • Сохранить найденные CSS-селекторы в шаблоны для повторных отправок
  • Проверить значения на наличие конфиденциальных данных перед вводом
  • Сымитировать посимвольный ввод клавиш в полях с автодополнением

Примеры запросов агенту

  • Заполни веб-форму данными из файла с картой полей и отправь через --submit
  • Заполни поля регистрации по карте значений, используя сохранённый шаблон --template signup

Как установить browser-form-fill

1Через Skills CLI (Vercel)

npx skills add ruvnet/ruflo --skill browser-form-fill -a claude-code

2Вручную: положить файлы

~/.claude/skills/browser-form-fill/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/browser-form-fill/

Из того же набора104

Весь набор →
ruflo ruvnet Скилл добавляет в проект оркестрацию мультиагентных задач, память, маршрутизацию и MCP-инструменты. Нужен для swarm-сценариев и многошаговых workflows. Claude Code CX Codex Cursor +1 4 000установок Swarm Orchestration ruvnet Скилл для управления роями агентов с параллельным выполнением задач, динамической топологией и автоматической балансировкой нагрузки. Нужен, когда одного агента недостаточно и требуется координировать специалистов разного профиля. Claude Code CX Codex Cursor +1 2 100установок github-project-management ruvnet Скилл превращает рутину вокруг issue и доски проекта в вызовы gh и ruv-swarm: метки, подзадачи, поиск дублей. Пригодится, когда задач много, а порядка в трекере нет. Claude Code CX Codex Cursor +1 1 400установок github-workflow-automation ruvnet Скилл автоматизирует GitHub Actions с координацией AI-агентов. Генерирует оптимальные pipeline, управляет pull request'ами, анализирует баги и развёртывает обновления с минимальными рисками. Claude Code CX Codex Cursor +1 1 300установок github-code-review ruvnet Организует параллельное код-ревью в GitHub с помощью агентов безопасности, архитектуры и стиля через пакет ruv-swarm. Claude Code CX Codex Cursor +1 1 300установок stream-chain ruvnet Организует последовательную передачу данных между шагами агента через цепочки промптов или готовые пайплайны. Claude Code CX Codex Cursor +1 1 200установок flow-nexus-swarm ruvnet Развёртывает облачные рои ИИ-агентов и собирает событийные процессы с очередями сообщений. Нужен для координации задач, контроля запусков и масштабирования роя. Claude Code CX Codex Cursor +1 1 200установок performance-analysis ruvnet Находит узкие места в Claude Flow swarms, профилирует операции агентов и генерирует отчёты с рекомендациями по оптимизации. Claude Code CX Codex Cursor +1 1 200установок

Похожие

daily-news-report sickn33 Скилл собирает свежие статьи с заранее заданных источников, фильтрует по качеству и генерирует ежедневный отчёт в Markdown. Пригодится, если нужно отслеживать релизы, исследования и новости из техсообщества без ручного сёрфинга. Claude Code CX Codex Cursor +1 1 000установок anti-detect-browser antibrow Запускай Chromium с подлинным отпечатком устройства через Playwright API. Каждый профиль получает одну согласованную личность, которая сохраняется между запусками и используется для тестирования, скрейпинга и многоаккаунтной работы. Claude Code CX Codex Cursor +1 136 100установок cli-anything-browser HKUDS Скилл проецирует дерево доступности Chrome в виртуальную файловую систему. Агент перемещается по страницам, читает элементы и нажимает кнопки стандартными командами терминала. Claude Code CX Codex Cursor +1 588установок agent-browser vercel-labs Скилл управляет браузером через CLI: открывает страницы, заполняет формы, нажимает кнопки и проверяет веб-приложения. Подходит для задач, где агенту нужно действовать в интерфейсе. Claude Code CX Codex Cursor +1 1 200 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. Claude Code Claude.ai 186 758установок computer-use stablyai Скилл ведёт видимое окно приложения через orca computer: читает дерево доступности, кликает, печатает и снимает скриншоты. Нужен, когда задача упирается в интерфейс. Claude Code CX Codex Cursor +1 239 000установок browser-use browser-use Даёт агенту живой Chrome через CDP: клики, ввод, скриншоты и страницы, которым нужен JS или ваша логин-сессия. Claude Code CX Codex Cursor +1 98 100установок last30days mvanhorn Собирает посты и реакции по любой теме за последние 30 дней из Reddit, X, YouTube, TikTok, Hacker News, Polymarket, GitHub и веба. Пригодится, когда нужно понять, что реально говорят люди, а не что пишут в обзорах. Claude Code CX Codex Cursor +1 52 400установок

Вопросы о browser-form-fill

Как установить browser-form-fill в Claude Code?

Выполните команду npx skills add ruvnet/ruflo --skill browser-form-fill -a claude-code.

Что делает скилл browser-form-fill?

Он переносит значения из JSON в поля на веб-странице, используя готовые селекторы или дерево доступности.

Умеет ли скилл самостоятельно проходить капчу?

Нет, инструмент не предназначен для обхода капчи. При её появлении выполнение останавливается, и управление передаётся человеку.

Исходный текст

SKILL.md · MIT
---
name: browser-form-fill
description: Fill a web form by mapping field-name → value, with optional template lookup from browser-templates for known forms
argument-hint: "<url> <field-map.json> [--template <name>] [--submit]"
allowed-tools: mcp__plugin_ruflo-core_ruflo__browser_open mcp__plugin_ruflo-core_ruflo__browser_close mcp__plugin_ruflo-core_ruflo__browser_fill mcp__plugin_ruflo-core_ruflo__browser_type mcp__plugin_ruflo-core_ruflo__browser_select mcp__plugin_ruflo-core_ruflo__browser_check mcp__plugin_ruflo-core_ruflo__browser_uncheck mcp__plugin_ruflo-core_ruflo__browser_click mcp__plugin_ruflo-core_ruflo__browser_wait mcp__plugin_ruflo-core_ruflo__browser_snapshot mcp__plugin_ruflo-core_ruflo__aidefence_has_pii Bash Read Write
---

# Browser Form Fill

Fill a form using a structured field map (`{"first_name": "Ada", "company": "..."}`). When a `browser-templates` entry exists for the host, use it to resolve field names → CSS selectors automatically; otherwise resolve via the page accessibility snapshot.

## When to use

- Submitting a known form (signup, contact, checkout) where field names are stable.
- Re-using a stored template for a recurring submission.
- Authoring a new template for a site by recording the resolved selectors.

## Steps

1. **Open a recorded session** via `browser-record`.
2. **Resolve selectors**:
   - **Template path** (`--template <name>`): pull `{field_name → selector}` from `browser-templates`.
   - **Snapshot path**: call `browser_snapshot`, walk the accessibility tree, match each input's accessible name / label to the field map keys.
3. **AIDefence PII gate**: every value in the field map passes `aidefence_has_pii` before any keystroke; record `pii_in_form: true` in the session manifest. **Do not** record the values themselves in the trajectory; record only the field names + a redacted placeholder.
4. **Fill** with `browser_fill` / `browser_type` / `browser_select` / `browser_check` per input type.
5. **Submit** if `--submit`: locate the submit button via the snapshot, `browser_click`, then `browser_wait` for navigation.
6. **Persist the template** if a new mapping was discovered:
   ```bash
   npx -y @claude-flow/cli@latest memory store --namespace browser-templates \
     --key "<host>:<form-name>" \
     --value "{field_map:{...}, submit_selector:..., post_submit_url_pattern:...}"
   ```
7. **Verify** post-submit state if a verification snippet was provided in the field map's `_assert` key.

## Caveats

- Trajectory steps for fills MUST redact values. The PII gate is the contract.
- For inputs that require typing simulation (e.g., autocomplete reactions), use `browser_type` (simulates keystrokes) rather than `browser_fill` (sets value programmatically). Record which one was used in the trajectory step.
- Multi-step forms are a sequence of `browser-form-fill` invocations; chain them via the same session id.
- If the form has a CAPTCHA, surface the request to the user — do not attempt to bypass.

© ruvnet · MIT · ruvnet/ruflo

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой