Devloop MCP Server

@vincentvella

リポジトリ

基本情報

カテゴリ

その他

トランスポート

stdio

作者

vincentvella

投稿者

Vincent Vella

Devloop MCP Server について

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

Devloop MCP Server の設定

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

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

Devloop MCP Server のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

上のボタンで一時的なサンドボックスでこのサーバーを実行し、ツール一覧を取得できます。

概要

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.

よくある質問

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.

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

Next Generation Movers: free moving quotes (remote MCP)

Next Generation Movers

Free moving quotes for AI agents from Next Generation Movers, a licensed interstate mover (USDOT 3764697). US long-distance nationwide and local DC/MD/VA. Indicative ballpark price and booking options; optional $0.01 x40

MaxKB

1Panel-dev

🔥 MaxKB is an open-source platform for building enterprise-grade agents. 强大易用的开源企业级智能体平台。

22.0K

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.