/ Diretório / Playground / BrowserWing
● Comunidade browserwing ⚡ Instantâneo

BrowserWing

por browserwing · browserwing/browserwing

Grava suas ações no browser e as emite como comandos de skill do Claude ou MCP — transforme fluxos manuais em rotinas chamáveis por agentes.

BrowserWing observa seu browser, captura intenção (cliques, preenchimentos, navegações) e emite um artefato chamável por agentes: seja uma Claude Skill ou uma ferramenta MCP. Use para ensinar agentes fluxos repetitivos de browser sem escrever Playwright manualmente.

Por que usar

Principais recursos

Demo ao vivo

Como fica na prática

pronto

Instalar

Escolha seu cliente

~/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
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

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

Cursor usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

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

Clique no ícone MCP Servers na barra lateral do Cline, depois "Edit Configuration".

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

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

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

O Continue usa um array de objetos de servidor em vez de um map.

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

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

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

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do mundo real: BrowserWing

Ensinar o Claude um fluxo gravando você mesmo

👤 Usuários do Claude Code ⏱ ~15 min intermediate

Quando usar: Uma tarefa repetitiva no browser que você gostaria que o Claude fizesse.

Fluxo
  1. Gravar
    Inicie o BrowserWing; execute o fluxo.✓ Copiado
    → Trace capturado
  2. Refinar
    Anote entradas variáveis.✓ Copiado
    → Fluxo parametrizado
  3. Emitir
    Exporte como skill / ferramenta MCP.✓ Copiado
    → Chamável por agente

Resultado: Rotina de browser repetível que o Claude pode invocar.

Combinações

Combine com outros MCPs para 10× de alavancagem

browserwing-skill + playwright-mcp

Use Playwright MCP por baixo; BrowserWing para UX de captura

Combine browserwing-skill com playwright-mcp: Use Playwright MCP por baixo; BrowserWing para UX de captura✓ Copiado

Ferramentas

O que este MCP expõe

FerramentaEntradasQuando chamarCusto
recorder + runner (ver docs) Par CLI + artefato de skill 1 chamada

Custo e limites

O que custa rodar

Cota de API
Browser local
Tokens por chamada
Pequeno por chamada
Monetário
OSS gratuito
Dica
Regravar quando sites mudam layout

Segurança

Permissões, segredos, alcance

Escopos mínimos: browser-control
Armazenamento de credenciais: Fluxos capturados em disco
Saída de dados: Onde quer que o fluxo vá
Nunca conceda: record on banking / health sites blindly

Solução de problemas

Erros comuns e correções

Drift de seletor

O gravador prefere role + texto — regravar se o site foi redesenhado

Alternativas

BrowserWing vs. outros

AlternativaQuando usarTroca
Hand-written PlaywrightVocê quer controle do códigoMais lento para criar

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills