Devloop
About
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.
Details
- Author
- vincentvella
- Downloads
- 313
- Categories
- Other, Automation, AI
Jump to
- 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.
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
DevloopCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
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.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"devloop": {
"devloop": {
"command": "npx",
"args": [
"-y",
"devloop-mcp"
]
}
}
}
}McpServers
{
"devloop": {
"command": "npx",
"args": [
"-y",
"devloop-mcp"
]
}
}Devloop
Devloop drives a browser - or a native Expo/React Native app on iOS/Android - and your dev server, and puts both on one correlated timeline. A browser console error and the backend stack trace from the same moment sit side by side. Built for Claude Code, AI agents, and humans.Features
- One timeline - server stdout/stderr and browser console/network/page-errors share one clock, so you can correlate cause and effect across the stack. - Web and native - drive Chrome, or an Expo/React Native app on the iOS simulator or an Android emulator, with native logs + RN network on the same timeline. - repro - run an action sequence (navigate / click / type / eval), wait for network idle, and get everything that happened on both sides. - Unified query API - get_logs, get_logs_around, get_network, export_har, diagnose. - Per-app scoping + shared daemon - run many projects at once;devloop-mcp daemon lets many agents share one browser, one dev server, one timeline over HTTP/SSE.
- Electron cockpit - tabbed browser panes beside a filterable timeline, an element picker, a repro builder, and pop-out windows.
Install (Claude Code)
``
claude mcp add devloop --scope user -- npx -y devloop-mcp
`
Config
`json
{
"mcpServers": {
"devloop": {
"command": "npx",
"args": ["-y", "devloop-mcp"]
}
}
}
``
Links
- Website: https://devloop.build - GitHub: https://github.com/vincentvella/devloop - npm: https://www.npmjs.com/package/devloop-mcpSign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
