Agent Logger

Connect your browser to AI coding assistants - capture elements, screenshots, and errors for Claude Code and more

Agent Logger bridges your browser with AI coding assistants like Claude Code, Gemini CLI, Aider, and other MCP-compatible tools. KEY FEATURES: 📸 Screenshot Capture • Capture viewport, full page, specific regions, or individual elements • Automatic sensitive data redaction (passwords, API keys) • Send screenshots directly to your AI assistant 🎯 Element Selection • Click any element to capture its HTML, CSS, and attributes • Get computed styles and accessibility information • Perfect for debugging UI issues with AI help 🔴 Error Monitoring • Real-time console error capture • Smart filtering removes analytics noise • Deduplication prevents spam • Network error detection (4xx, 5xx) ♿ Accessibility Auditing • ARIA roles and labels inspection • Accessibility issue detection • Screen reader compatibility checks 🔒 Privacy-First Design • ALL data stays local - nothing sent to external servers • You control exactly what gets shared with AI • Automatic password/credential redaction • Works offline for 7 days HOW IT WORKS: 1. Install the extension and our MCP server 2. Connect to your AI coding assistant (Claude Code, etc.) 3. Use the side panel to capture elements, screenshots, or errors 4. Your AI assistant receives the context instantly SUPPORTED AI ASSISTANTS: • Claude Code (Anthropic) • Gemini CLI (Google) • Aider • Any MCP-compatible tool PERFECT FOR: • Debugging UI issues with AI assistance • Getting help with CSS/layout problems • Sharing error context with your AI • Accessibility auditing • Quick visual documentation This extension requires our free MCP server to communicate with AI assistants. Visit agentlogger.com for setup instructions.