Devloop

Name: Devloop
Author: vincentvella

@vincentvella

About 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

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

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.