Browser

Interaja e controle seu navegador web através de uma extensão de navegador.

Documentação

browser-mcp

Uma extensão de navegador e servidor MCP que permite que você interaja com o navegador que está usando.

mcp

jkXeswNy@2x

Uso

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@djyde/mcp-browser@latest"
      ]
    }
  }
}

Ferramentas

Todas as ferramentas disponíveis estão listadas em server/src/tools.ts.

get_current_page_markdown

Obtenha o markdown da página atual do navegador.

exemplo:

Summarize the current page.

append_style

Anexe um estilo css à página atual do navegador.

exemplo:

Change the current page to dark mode.

history_search

Pesquise o histórico do navegador.

exemplo:

Search the browser history for "github".

Roadmap

  • Publicar a extensão na loja de extensões.
  • Escrever a documentação.
  • Adicionar mais ferramentas.

Compilação

pnpm i

Extensão

cd extension

# chrome
npm run build

# edge
npm run build:edge

# firefox
npm run build:firefox

Após a compilação, a extensão estará no diretório extension/.output.

Servidor

cd server

# dev
npm run dev

# build
npm run build

server/dist/cli.js é a entrada do servidor MCP.

Contribuindo

Adicionar uma nova ferramenta

  1. Adicione o esquema da ferramenta ao array tools em server/src/tools.ts.
  2. Adicione um manipulador chamável pela extensão em extension/calls.ts.
  3. Adicione um manipulador de ferramenta em server/src/tools.ts. Use a função call para chamar o manipulador da extensão.

Licença

AGPL-3.0-or-later