Loggy - Console + Network Log Collector por Kyubiware

Loggy is a browser DevTools extension that turns Console and Network activity into clean, structured Markdown — compiled for token efficiency so you can debug faster with AI coding agents.

Why Loggy?

Debugging with AI usually means copying logs, formatting them, and stripping out noise before pasting into a chat. Loggy does that work for you — no need to even open the DevTools panel.

The AI Debugging Flow

This is the workflow Loggy was built for:

1. Describe the bug to your AI coding agent (Claude Code, Cursor, etc.)
2. Ask it to add strategic console logs to help diagnose the issue
3. Reproduce the bug in your browser
4. Copy Loggy's compiled output and paste it back into the AI chat
5. Let the AI fix it with full context of exactly what happened

This loop is incredibly effective because the AI gets structured, filtered, token-efficient logs instead of raw noise.

Features

• One-click capture — Grab Console logs and Network requests from the current page instantly
• Smart filtering — Regex-based console filters plus include/exclude patterns for network requests (prefix with - to exclude, e.g. api.v1 -*.png)
• Automatic pruning — Removes binary payloads, base64 blobs, and oversized responses so the output stays readable and token-efficient
• Structured Markdown output — Clean tables with timestamps, log levels, request details, and response summaries
• Copy to clipboard — Export everything in one click, ready to paste
• Optional server export — Sync logs to your own loggy-serve instance when you want a shareable endpoint

How to use

1. Open DevTools (F12) on any page
2. Click the Loggy tab
3. Apply filters if you want to narrow the output
4. Click Copy to Clipboard
5. Paste into your AI coding agent chat

Using with loggy-serve

For automated workflows or sharing logs across machines, pair Loggy with the companion server:

npm install -g loggy-serve
# or
npx loggy-serve --port 8743


Then configure Loggy to export to your server instead of the clipboard.

📦 npm package: loggy-serve

Privacy

Loggy runs locally in your browser by default:
- No data sent to external servers
- No analytics or tracking
- Clipboard access only triggered by your explicit action
- Optional server export only runs when you connect it to your own loggy-serve instance