Loggy - Console + Network Log Collector wót Kyubiware

<strong>Loggy</strong> 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:
<ol><li><strong>Describe the bug</strong> to your AI coding agent (Claude Code, Cursor, etc.)</li><li><strong>Ask it to add strategic console logs</strong> to help diagnose the issue</li><li><strong>Reproduce the bug</strong> in your browser</li><li><strong>Copy Loggy's compiled output</strong> and paste it back into the AI chat</li><li><strong>Let the AI fix it</strong> with full context of exactly what happened</li></ol>
This loop is incredibly effective because the AI gets structured, filtered, token-efficient logs instead of raw noise.

Features
<ul><li><strong>One-click capture</strong> — Grab Console logs and Network requests from the current page instantly</li><li><strong>Smart filtering</strong> — Regex-based console filters plus include/exclude patterns for network requests (prefix with <code>-</code> to exclude, e.g. <code>api.v1 -*.png</code>)</li><li><strong>Automatic pruning</strong> — Removes binary payloads, base64 blobs, and oversized responses so the output stays readable and token-efficient</li><li><strong>Structured Markdown output</strong> — Clean tables with timestamps, log levels, request details, and response summaries</li><li><strong>Copy to clipboard</strong> — Export everything in one click, ready to paste</li><li><strong>Optional server export</strong> — Sync logs to your own <code>loggy-serve</code> instance when you want a shareable endpoint</li></ul>
How to use
<ol><li>Open DevTools (<code>F12</code>) on any page</li><li>Click the <strong>Loggy</strong> tab</li><li>Apply filters if you want to narrow the output</li><li>Click <strong>Copy to Clipboard</strong></li><li>Paste into your AI coding agent chat</li></ol>
Using with loggy-serve

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

<code>npm install -g loggy-serve

or

npx loggy-serve --port 8743
</code>

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

📦 <strong>npm package:</strong> <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/7912d9d49020a6fb41690c571a38351783b5cc22e4715fb50a2941baeaffb2e6/https%3A//www.npmjs.com/package/loggy-serve" rel="nofollow">loggy-serve</a>

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 <code>loggy-serve</code> instance



v1.0.7

• release(extension): v1.0.7 (c8c4e22)
• feat: add Tailscale HTTPS support and update server configuration (f5b2804)
• refactor: update server (047724b)
• feat: add screenshot command and update settings accordion state handling (8401e72)
• chore: add script and workflow to update AMO description with JWT authentication (5650597)
• test: update Popup responsive classes and add lintstaged rule for extension tests (28fb979)
• refactor: set popup width to fixed 80, remove redundant w-full classes (e0427a9)