MCP.so
ログイン

BrowserLoop

@mattiasw

リポジトリ

BrowserLoop について

A Model Context Protocol (MCP) server for taking screenshots of web pages using Playwright.

基本情報

カテゴリ

その他

ライセンス

AGPL-3.0 license

ランタイム

node

トランスポート

stdio

公開者

mattiasw

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "browserloop": {
      "command": "npx",
      "args": [
        "playwright",
        "install",
        "chromium"
      ]
    }
  }
}

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is BrowserLoop?

BrowserLoop is a Model Context Protocol (MCP) server for taking screenshots of web pages using Playwright. It enables AI agents to automatically capture and analyze screenshots for UI verification or other tasks.

How to use BrowserLoop?

Install Chromium with npx playwright install chromium, then run BrowserLoop via NPX (npx -y browserloop@latest) or Docker. Configure the server in your MCP settings file (e.g., ~/.cursor/mcp.json) using the npx command or a compiled Node.js path. Screenshots can be taken with natural language commands like “Take a screenshot of https://example.com”.

Key features of BrowserLoop

  • High-quality screenshot capture using Playwright
  • Support for localhost and remote URLs
  • Cookie-based authentication for protected pages
  • Docker containerization for consistent environments
  • PNG, JPEG, and WebP format support with configurable quality
  • Full page and element-specific screenshot capture

Use cases of BrowserLoop

  • Capture UI screenshots of local development servers with authentication
  • Take screenshots of staging environments for visual regression testing
  • Verify API documentation tools such as Swagger or GraphQL Playground
  • Automate screenshots of admin panels and protected routes
  • Debug UI changes by capturing pages during development

FAQ from BrowserLoop

How do I fix the “Executable doesn't exist” error?

Install the Chromium browser by running npx playwright install chromium. This is a required one-time setup.

Why is my MCP server not starting?

First test manually with npx browserloop@latest --version. Then verify Node.js 20+, npm, and npx are installed, and check your MCP configuration JSON syntax.

How can I capture screenshots from login-protected pages?

Use cookie-based authentication by providing cookies via the “cookies” parameter or the BROWSERLOOP_DEFAULT_COOKIES environment variable. See the Cookie Authentication Guide for details.

How do I update BrowserLoop to the latest version?

If using NPX with @latest, the latest version is used automatically—no manual update is needed. You can check the current version with npx browserloop@latest --version.

Where are debug logs written and how do I enable them?

Set the BROWSERLOOP_DEBUG environment variable to true. Debug logs are written to /tmp/browserloop.log (not the console) to maintain MCP stdio compatibility.

コメント

「その他」の他のコンテンツ

IDA Pro MCP

mrexodia

AI-powered reverse engineering assistant that bridges IDA Pro with language models through MCP.

9.9K

ACI: Open-Source Infra to Power Unified MCP Servers

aipotheosis-labs

ACI.dev is the open source tool-calling platform that hooks up 600+ tools into any agentic IDE or custom AI agent through direct function calling or a unified MCP server. The birthplace of VibeOps.

4.8K

AutoBrowser MCP

autobrowser-ai

Browser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser

6.8K

Unity MCP ✨

justinpbarnett

Unity MCP acts as a bridge between AI assistants and your Unity Editor. Give your LLM tools to manage assets, control scenes, edit scripts, and automate tasks within Unity.

12.2K

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K