/ Каталог / Песочница / BrowserWing
● Сообщество browserwing ⚡ Сразу

BrowserWing

автор browserwing · browserwing/browserwing

Записывает ваши действия в браузере и превращает их в команды skill или MCP — переводит ручные потоки в вызываемые agent'ом процедуры.

BrowserWing наблюдает за браузером, фиксирует намерение (клики, заполнение форм, навигацию) и создаёт артефакт для agent'а: либо Claude Skill, либо MCP-инструмент. Используйте его, чтобы обучить agent'ов повторяющимся браузерным действиям без ручного написания Playwright.

Зачем использовать

Ключевые функции

Живое демо

Как выглядит на практике

готово

Установка

Выберите клиент

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Откройте Claude Desktop → Settings → Developer → Edit Config. Перезапустите после сохранения.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Cursor использует ту же схему mcpServers, что и Claude Desktop. Конфиг проекта приоритетнее глобального.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Щёлкните значок MCP Servers на боковой панели Cline, затем "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Тот же формат, что и Claude Desktop. Перезапустите Windsurf для применения.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "browserwing-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ]
    }
  ]
}

Continue использует массив объектов серверов, а не map.

~/.config/zed/settings.json
{
  "context_servers": {
    "browserwing-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/browserwing/browserwing"
        ]
      }
    }
  }
}

Добавьте в context_servers. Zed перезагружается автоматически.

claude mcp add browserwing-skill -- git clone https://github.com/browserwing/browserwing

Однострочная команда. Проверить: claude mcp list. Удалить: claude mcp remove.

Сценарии использования

Реальные сценарии: BrowserWing

Обучить Claude потоку, записав себя

👤 Пользователи Claude Code ⏱ ~15 min intermediate

Когда использовать: Есть повторяющаяся браузерная задача, которую хотелось бы передать Claude.

Поток
  1. Запись
    Запустите BrowserWing; выполните действия.✓ Скопировано
    → Трассировка захвачена
  2. Доработка
    Аннотируйте переменные входные данные.✓ Скопировано
    → Параметризованный поток
  3. Экспорт
    Экспортируйте как skill / MCP-инструмент.✓ Скопировано
    → Вызываемый agent'ом

Итог: Повторяемая браузерная процедура, которую может вызвать Claude.

Комбинации

Сочетайте с другими MCP — эффект x10

browserwing-skill + playwright-mcp

Используйте Playwright MCP под капотом; BrowserWing для UX записи

Combine browserwing-skill with playwright-mcp: Use Playwright MCP underneath; BrowserWing for capture UX✓ Скопировано

Инструменты

Что предоставляет этот MCP

ИнструментВходные данныеКогда вызыватьСтоимость
recorder + runner (см. документацию) CLI + пара skill-артефактов 1 вызов

Стоимость и лимиты

Во что обходится

Квота API
Локальный браузер
Токенов на вызов
Небольшой на вызов
Деньги
Бесплатный OSS
Совет
Перезаписывайте при изменении вёрстки сайтов

Безопасность

Права, секреты, радиус поражения

Минимальные скоупы: browser-control
Хранение учётных данных: Захваченные потоки на диске
Исходящий трафик: Куда ведёт поток
Никогда не давайте: record on banking / health sites blindly

Устранение неполадок

Частые ошибки и исправления

Дрейф селекторов

Рекордер предпочитает role + text — перезапишите, если сайт изменил дизайн

Альтернативы

BrowserWing в сравнении

АльтернативаКогда использоватьКомпромисс
Ручной PlaywrightНужен контроль над кодомМедленнее в написании

Ещё

Ресурсы

📖 Читать официальный README на GitHub

🐙 Открытые задачи

🔍 Все 400+ MCP-серверов и Skills