A Chrome Extension that captures frontend context and exports it as LLM-optimized markdown. Works with Claude Code, Cursor, GitHub Copilot, OpenCode, and any AI coding assistant.
ClankerContext captures everything your AI coding tool needs to understand and fix frontend issues.
Point and click to capture the exact HTML of any element. The AI sees exactly what you're working with.
Auto-generates robust CSS selectors using data-testid, ARIA labels, IDs, and smart path-based fallbacks.
Captures JavaScript errors with full stack traces. The AI understands exactly what went wrong.
Logs failed API calls with status codes and URLs. Perfect for debugging API integration issues.
One-click export to LLM-optimized markdown. Copy to clipboard or download as a file.
Does nothing until you click "Start listening". Pause anytime. No background activity whatsoever.
ClankerContext exports raw markdown that any AI assistant can understand. No integrations needed — just paste or import.
ClankerContext is a 100% client-side application. No data is ever sent to any server. There's no telemetry, no analytics, no tracking — nothing. All captured data stays in your browser's IndexedDB until you export or clear it.
Don't take our word for it — the entire codebase is open source. Audit it yourself.
Click the extension icon and hit "Start listening" to begin monitoring console errors and network requests.
Click "Modify with AI" or "Fix with AI", describe what you want, then click on the relevant element.
Copy the markdown to clipboard or download it. Paste it into your AI coding tool and watch the magic happen.
Yes! ClankerContext works with any AI coding tool that accepts text input. It exports standard markdown containing HTML snippets, CSS selectors, console errors with stack traces, and failed network requests. Just paste the exported markdown into Claude Code, Cursor, GitHub Copilot, Kilo Code, OpenCode, Windsurf, Aider, or any other AI assistant. No special integrations required.
Absolutely not. ClankerContext is a 100% client-side Chrome extension. There are no servers, no APIs, no backend whatsoever. All data is stored locally in your browser's IndexedDB and is never transmitted anywhere. There's zero telemetry, zero analytics, zero tracking. The extension is completely open source, so you can verify this yourself by reading the code.
No, it's completely free. ClankerContext is open source software released under the MIT license. There are no premium tiers, no subscriptions, no hidden costs. You get all features for free, forever.
No account required. Just install the extension and start using it immediately. There's no sign-up, no login, no email required. The extension works entirely offline and doesn't need any external services.
When you select an element, ClankerContext captures: the element's HTML (with surrounding context), a robust CSS selector for identifying the element, the current page URL, all console errors and exceptions that occurred during your session (with full stack traces), and any failed network requests (non-2XX status codes). This gives AI coding tools complete context to understand and fix frontend issues.
Not at all. ClankerContext has zero footprint until you explicitly click "Start listening". Even when active, it uses Chrome's built-in DevTools Protocol for efficient error capture. You can pause monitoring anytime, which completely stops all background activity. The extension is designed to stay out of your way.
ClankerContext uses a smart prioritization system: it first looks for data-testid
attributes (most reliable), then unique IDs, then ARIA labels, and finally falls back to
path-based selectors using tag names and nth-child positions. This ensures AI tools get
selectors that are both specific and resilient to minor DOM changes.
Install ClankerContext and start giving your AI tools the context they deserve.
Free forever. No account required.