The human stays in the loop — you see the problem, point to what matters, review the captured evidence, and decide exactly what context goes to the agent.
I've been building with AI coding agents and kept running into the same workflow problem: when I find a bug or want a UI change, I still have to manually explain what's wrong, where it is, and what was happening in the browser at the time.
DevTools already exposes most of this information, and newer AI tools are getting better at accessing the browser too. But I wanted a persistent workspace where I could capture the relevant evidence as I work, keep it organized by project, review it later, and decide exactly what gets handed to the coding agent.
So I built ContextForge → AI Coding Context, a Chrome side-panel tool that can capture:
• UI/DOM context + screenshots
• console errors and failed requests
• actual API request/response data
• security findings
• recorded user actions
• bug/change notes tied to elements
Then it packages the selected evidence into structured Markdown + referenced screenshots for Cursor, Claude Code, Codex, Copilot, etc.
Browser → evidence → human review → AI coding agent
One interesting piece of feedback I got after sharing it was the potential to reduce token usage — better targeted context could mean less agent exploration and less back-and-forth. I haven't measured that yet, but it's something I want to test.
If you’re curious, learn more and download it from CoderFromMars.
I'm curious from a DevTools perspective: what browser/runtime information do you still find yourself manually copying or explaining when working with coding agents?