Hey Product Hunt 👋 I’m a frontend developer and built Agent DevTools after repeatedly running into the same problem with AI coding agents. When working on frontend issues, I often had to take screenshots, explain what I was looking at, describe component behavior, and provide additional context before Claude Code could help effectively. Agent DevTools is an open-source Vite plugin that lets you click a UI element in your running application and send runtime context directly to Claude Code. Instead of relying only on screenshots and text descriptions, Claude Code can work with context gathered from the actual application. It currently supports Claude Code through Claude Agent SDK and ACP, and I’m exploring support for additional ACP-compatible agents in the future. I’d love to hear your thoughts, feedback, and use cases. Thanks for checking it out!

agent-devtools

Click UI. Share runtime context with Claude Code.

Click UI. Share runtime context with Claude Code.