DevSnoopDevSnoop

Local Chrome evidence for coding agents

Stop guessing what your agent sees in the browser

DevSnoop lets Codex, Claude Code, and other coding agents inspect your real Chrome tab, click UI, read console and network failures, catch hard-to-read text and icons, and verify what changed before they edit the wrong file.

Give my agent Chrome access Start 24h command preview
Try every command for 24 hours
One-time $29 license. No metering.

Agent debugging cockpit

A tiny product win before install

Evidence

Prompt

"Click checkout in my local app and tell me why nothing happens."

Agent report

"The UI is clickable. Checkout is blocked by auth. Fix the API/session path before changing the CTA component. Also, the green status text measures 3.3 to 1."

Frontend feedback loop

The missing loop is the browser

Coding agents are useful when they can check their work. Frontend work breaks that loop because the important evidence is sitting in Chrome: the current DOM, the selected tab, the failed request, the console exception, and the state after a click.

DevSnoop does not replace end-to-end tests or promise that the UI is correct. It gives the agent a local Chrome evidence loop so it can inspect, act, read failures, compare the page, and then decide what code to edit.

Read the loop recipe

Before the edit

  1. 1page_summary finds structure, text, controls, and selectors.
  2. 2click or fill reproduces the real user action.
  3. 3get_network and get_logs explain browser failures.
  4. 4diff checks what changed after the action or hot reload.
  5. 5screenshot is saved for visual state, layout, and review.

What your agent can do

Inspect

Semantic page structure, computed styles, element details — condensed for minimal token usage.

page_summaryinspect_elementfind

Interact

Click buttons, fill forms, scroll pages, hover elements. Your agent drives the browser like a user.

clickfillscrollhover

Debug

Console logs, network requests, redacted payloads, JS exceptions — captured automatically, filtered on demand.

get_logsget_networkscreenshot

Legibility QA

Catch faint text, weak icon contrast, tiny labels, clipping, and gradient cases with selector, location, evidence, and fix guidance.

legibility_auditaccessibility_auditscreenshot

Control multiple Chrome profiles

Label each DevSnoop profile once, then let your agent list connections and choose the right browser context. Keep separate logins, sites, and test accounts open without mixing their tabs.

list_connectionsselect_connectionconnectionID

How it works

Coding Agent──HTTP──▸Native Host──stdin──▸Chrome──▸Extension──▸Page◂──JSON──◂──stdout──◂──◂──
1

Agent sends a JSON command via HTTP to the native host running on port 9400.

2

Native host forwards the command to Chrome via Native Messaging. The extension executes it on the page.

3

Structured, token-efficient results flow back the same path. No raw HTML — just what the agent needs.

One HTTP call. Structured results.

Agents send JSON commands to port 9400 and get back compact, token-efficient responses. No raw HTML. No DevTools protocol.

request
curl -s -X POST http://127.0.0.1:9400/ \
  -H 'Content-Type: application/json' \
  -d '{"command":"legibility_audit","params":{"viewportOnly":false},"tabID":123}'
response
{
  "ok": true,
  "result": {
    "score": 84,
    "summary": { "serious": 2, "minor": 1 },
    "issues": [
      {
        "kind": "low_contrast",
        "severity": "serious",
        "element": {
          "textContent": "popular",
          "selector": "nav a:nth-child(3) span",
          "documentRect": { "x": 624, "y": 77, "width": 48, "height": 20 }
        },
        "evidence": { "contrastRatio": 3.61, "requiredRatio": 4.5 },
        "recommendation": "Increase contrast by changing the text color, background color, size, or weight."
      }
    ]
  }
}

Structured browser data stays compact

A fixed inspect-submit-debug-screenshot workflow shows how much browser context each path sends back to the agent. DevSnoop uses more small calls than Chrome DevTools MCP, but returns denser, task-shaped results with fewer tokens.

See commands
PathBasisCallsInputOutputCost
DevSnoopmeasured15~2.8k text + 2.5k image~700~$0.047
Chrome DevTools MCPmeasured7~4.5k text + 2.5k image~1.1k~$0.068
Chrome DevTools CLImeasured12~7.6k text + 2.5k image~900~$0.078
Screenshot loopestimated6~14.9k image~1.2k~$0.111

Costs use gpt-5.5 token pricing estimates. Browser state, page complexity, model choice, and retry behavior change real costs. Screenshot-loop row models six vision turns.

Compare browser agent paths

DevSnoop is built for local Chrome control when coding agents need selectors, legibility checks, logs, diffs, screenshots, and UI actions without a hosted browser workflow.

One-time $29 license

Closing the frontend loop

Give agents a repeatable browser loop: inspect, act, read failures, diff, then edit.

Capture fetch request bodies

Let agents inspect redacted request and response bodies before editing frontend code.

Browse.dev alternative

Use local Chrome, compact browser commands, and one-time pricing instead of hosted browser sessions.

Chrome DevTools MCP alternative

Give agents page summaries, selectors, diffs, logs, network failures, and screenshots through one local HTTP API.

Works with any coding agent

Any tool that can make HTTP requests can control the browser.

Claude CodeCodexCursorWindsurfClineAiderAny agent with HTTP access

Ready to stop guessing
what your agent sees?

Give my agent Chrome access Get DevSnoop