Devloop

Name: Devloop
Author: vincentvella

@vincentvella

Devloop について

Drives a browser - or a native Expo/React Native app on iOS/Android - and your dev server, putting both on one correlated timeline so a browser console error and the backend stack trace from the same moment line up. For Claude Code and AI agents.

#browser-automation #dev-server #logs #correlated-timeline #claude-code #ai-agents #puppeteer #expo #react-native #observability

基本情報

カテゴリ

その他

トランスポート

stdio

公開者

vincentvella

投稿者

Vincent Vella

設定

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

{
  "mcpServers": {
    "devloop": {
      "command": "npx",
      "args": [
        "-y",
        "devloop-mcp"
      ]
    }
  }
}

ツール

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

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

概要

What is Devloop?

Devloop is an MCP server that drives a browser or a native Expo/React Native app (iOS/Android) alongside your dev server, placing both on one correlated timeline. It is built for Claude Code, AI agents, and human developers.

How to use Devloop?

Install by running claude mcp add devloop --scope user -- npx -y devloop-mcp or by adding the JSON config with command: "npx" and args: ["-y", "devloop-mcp"] to your mcpServers block.

Key features of Devloop

One timeline for server stdout/stderr and browser console/network/page-errors.
Drive Chrome, Expo, or React Native apps on iOS simulator or Android emulator.
Run action sequences (navigate, click, type, eval) and get repro with network idle.
Unified query API: get_logs, get_logs_around, get_network, export_har, diagnose.
Per-app scoping with a shared daemon supporting multiple projects over HTTP/SSE.
Electron cockpit with tabbed browser panes, timeline, element picker, repro builder.

Use cases of Devloop

Correlating a browser console error with the backend stack trace from the same moment.
Recording a user action sequence (navigate, click, type) to reproduce a bug.
Debugging cross-stack issues in projects that combine a dev server and a client app.
Running multiple agent workflows simultaneously with a shared daemon and HTTP/SSE.

FAQ from Devloop

How do I install Devloop for Claude Code?

Run claude mcp add devloop --scope user -- npx -y devloop-mcp in your terminal.

Can I use Devloop with native apps?

Yes, Devloop can drive an Expo or React Native app on the iOS simulator or an Android emulator, including native logs and React Native network activity.

Does Devloop support multiple projects at the same time?

Yes, Devloop provides per-app scoping and a shared daemon (devloop-mcp daemon) that lets many agents share one browser, one dev server, and one timeline over HTTP/SSE.

Is there a graphical user interface for Devloop?

Yes, Devloop includes an Electron cockpit with tabbed browser panes, a filterable timeline, an element picker, a repro builder, and pop-out windows.

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

Mobile Mcp

mobile-next

Model Context Protocol Server for Mobile Automation and Scraping (iOS, Android, Emulators, Simulators and Real Devices)

5.4K

Peekaboo MCP – lightning-fast macOS screenshots for AI agents

steipete

Peekaboo is a macOS CLI & optional MCP server that enables AI agents to capture screenshots of applications, or the entire system, with optional visual question answering through local or remote AI models.

4.8K