What You Can Do with DevSnoop

Your coding agent controls a real Chrome browser — inspect pages, fill forms, catch errors, and verify changes. Just describe what you want.

DevSnoop ships with a SKILL.md file that teaches your agent every command. You write prompts, the agent handles the rest.

Workflows

Tell your agent what you need. It picks the right commands automatically.

The agent finds the tab, reads the page structure, and checks for console errors — all in one go.

You: "Check my app running on localhost:3000 — what does the page look like and are there any errors?"

The agent finds inputs by label, fills them, clicks submit, and reports back any errors.

You: "Fill in the signup form with test data and submit it. Let me know if anything breaks."

The agent snapshots the page before your change, waits for hot-reload, then diffs to show exactly what shifted.

You: "Take a snapshot of the page, then after I change the header styles, tell me what changed."

The agent watches network requests and console output, filters for errors, and shows you what went wrong.

You: "Something's broken on the dashboard — check for failed network requests and JS errors."

The agent captures any tab — even background ones — and saves it locally for you or itself to review.

You: "Screenshot the current page so you can see what I'm looking at."

- Your agent gets structured data back — no raw HTML, minimal tokens.
- The agent uses page_summary as its starting point — it returns selectors the agent passes directly to other commands.
- Console logs and network requests are captured automatically when the agent starts debugging. Logs buffer up to 200 entries.
- First time on a site? Click the DevSnoop extension icon to grant access. One-time per origin.