Free with Claude Pro/Max/免费
现有 Claude 订阅
- ✓
使用现有的 Claude Code CLI OAuth 令牌
- ✓
无需支付新款项
- ✓
无需 Anthropic API 密钥
agent-devtools
点击用户界面。与 Claude Code 共享运行时上下文。
agent-devtools 是什么？
agent-devtools 是一款为 Claude Code 打造的开源 Vite 插件。你只需在运行中的应用里点击目标 UI 元素，就能将 DOM 信息、页面状态和相关代码片段等运行时上下文直接发送给 Claude Code。它让 Claude Code 可以基于实际应用的真实上下文工作，无需再依赖截图和手动说明。
产品详细介绍
点击用户界面。与 Claude Code 共享运行时上下文。
agent-devtools 是一款为 Claude Code 打造的开源 Vite 插件。你只需在运行中的应用里点击目标 UI 元素，就能将 DOM 信息、页面状态和相关代码片段等运行时上下文直接发送给 Claude Code。它让 Claude Code 可以基于实际应用的真实上下文工作，无需再依赖截图和手动说明。
定价方案
有免费方案创始人评论
dev-siki创始人
嘿 Product Hunt 👋
我是一名前端开发者，在使用 AI 编码助手时反复遇到同一个问题，于是开发了 Agent DevTools。
处理前端问题时，我常常需要先截图、说明我看到的内容、描述组件行为、提供额外上下文，Claude Code 才能有效提供帮助。
Agent DevTools 是一个开源 Vite 插件，它允许你点击运行中应用里的 UI 元素，直接将运行时上下文发送给 Claude Code。Claude Code 不再只依赖截图和文字描述，还可以使用从实际应用中采集的上下文来工作。
它目前通过 Claude Agent SDK 和 ACP 支持 Claude Code，我未来计划拓展支持更多兼容 ACP 的智能体。
非常期待听到你的想法、反馈和使用场景。感谢查看！
创始团队
dev-siki创始团队
官网信息
公司使命
Claude Code，集成在你正在运行的应用中。这是一个浮动聊天窗口，可拾取任意组件、读取代码，并自动编辑文件——一切都直接在浏览器中完成。
