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.
Explore
- 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.
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
``json``
{
"mcpServers": {
"devloop": {
"command": "npx",
"args": ["-y", "devloop-mcp"]
}
}
}
claude mcp add devloop --scope user -- npx -y devloop-mcp
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"
]
}
}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.
