MCP-native — works with any agent

Give your AI agent

eyes

Stream everything your app sees — console, network, DOM, errors, performance, screenshots — directly to your coding agent over MCP.

Get StartedView MCP Tools
npm install @everkers/agent-eyes --save-dev

How it works

Your AppCollects runtime data
MCP ServerBridges via WebSocket
AI AgentReads via MCP tools

WebSocket

stdio

Without eyes, agents guess

Same bug. Same agent. One can see your app, the other can't.

Without AgentEyes
The checkout button isn't working
Added an onClick handler to the button
It already has one. Nothing happens when I click
Checked the form validation — looks correct to me
It's not a validation issue, the button literally does nothing
Maybe try clearing the cache? I don't see anything wrong in the code
Bro... 😐
✗ Going in circles
Can't see what's actually happening in the browser
With AgentEyes
The checkout button isn't working
get_errors() + get_network_requests()
Found it — the Stripe API call returns a 401. Your NEXT_PUBLIC_STRIPE_KEY is set to the test key but you're hitting the live endpoint.
Swapped the endpoint to match the key. Try again.
✓ Fixed in one shot
Saw the 401, read the headers, found the mismatch

Get started in two steps

1
Add to your app entry pointsrc/main.ts or layout.tsx
import { AgentEyes } from '@everkers/agent-eyes' const eyes = new AgentEyes() eyes.start()
Automatically disabled in production — zero overhead, zero risk. Safe to commit.
2
Configure your editor's MCP server.cursor/mcp.json, .vscode/mcp.json, etc.
// Add to your editor's MCP config { "mcpServers": { "agent-eyes": { "command": "npx", "args": ["@everkers/agent-eyes"] } } }
Works with Cursor, VS Code, Windsurf, Kiro, and any MCP-compatible agent.

11 MCP tools, zero config

get_console_logs

Read log, warn, error, debug, and info entries

get_network_requests

Inspect fetch and XHR requests with full headers and bodies

get_errors

Surface runtime errors and unhandled promise rejections

get_dom_snapshot

Get a simplified DOM tree with key attributes

get_performance_metrics

Measure Core Web Vitals, load timing, and memory usage

get_react_components

Track component renders, props, and render counts

take_screenshot

Capture a visual screenshot as a base64 PNG

get_snapshot

Pull the full app state in a single call

Production safe by default

AgentEyes detects production environments and shuts itself off completely — zero overhead, zero network calls, zero DOM access. Auth headers, cookies, and other sensitive data are automatically redacted in every environment.

Ready to give your agent sight?

Read the docs