Browser

browser-mcp

Una extensión de navegador y servidor MCP que te permite interactuar con el navegador que estás utilizando.

Uso

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

Herramientas

Todas las herramientas disponibles están listadas en server/src/tools.ts.

get_current_page_markdown

Obtén el markdown de la página actual del navegador.

ejemplo:

Summarize the current page.

append_style

Agrega un estilo CSS a la página actual del navegador.

ejemplo:

Change the current page to dark mode.

history_search

Busca en el historial del navegador.

ejemplo:

Search the browser history for "github".

Hoja de ruta

• Publicar la extensión en la tienda de extensiones.
• Escribir documentación.
• Agregar más herramientas.

Compilación

pnpm i

Extensión

cd extension

# chrome
npm run build

# edge
npm run build:edge

# firefox
npm run build:firefox

Después de compilar, la extensión estará en el directorio extension/.output.

Servidor

cd server

# dev
npm run dev

# build
npm run build

server/dist/cli.js es el punto de entrada del servidor MCP.

Contribuciones

Agregar una nueva herramienta

1. Agrega el esquema de la herramienta al arreglo tools en server/src/tools.ts.
2. Agrega un manejador invocable de la extensión en extension/calls.ts.
3. Agrega un manejador de herramienta en server/src/tools.ts. Usa la función call para llamar al manejador de la extensión.

Licencia

AGPL-3.0-or-later