This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
agent-devtools
Click UI. Share runtime context with Claude Code.
Agent DevTools is an open-source Vite plugin for Claude Code. Click a UI element in your running app and send runtime context such as DOM information, page state, and related source snippets directly to Claude Code. Instead of relying on screenshots and manual explanations, Claude Code can work with context from the actual application. Currently supports Claude Code, with additional ACP-compatible agent support planned.
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!
About agent-devtools on Product Hunt
“Click UI. Share runtime context with Claude Code.”
agent-devtools was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #74 on the daily leaderboard. Agent DevTools is an open-source Vite plugin for Claude Code. Click a UI element in your running app and send runtime context such as DOM information, page state, and related source snippets directly to Claude Code. Instead of relying on screenshots and manual explanations, Claude Code can work with context from the actual application. Currently supports Claude Code, with additional ACP-compatible agent support planned.
On the analytics side, agent-devtools competes within Open Source, Developer Tools, Artificial Intelligence and GitHub — topics that collectively have 1.1M followers on Product Hunt. The dashboard above tracks how agent-devtools performed against the three products that launched closest to it on the same day.
Who hunted agent-devtools?
agent-devtools was hunted by dev-siki. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of agent-devtools including community comment highlights and product details, visit the product overview.
dev-siki