选中、描述、回车——浏览器里的 Claude Code 自己就动起来了

周三下午，阿杰瘫在椅子里，Chrome 开着竞品的一个落地页。老陈在群里甩了句：「看看人家这个 CTA 按钮的间距，咱们的也调调。」

阿杰点点头，想把这事丢给 Claude Code。然后他开始了每天的固定表演——

；敲一句「帮我看下这个按钮间距」；切回浏览器确认元素位置；又切回去补一句「就是第三个 card 里那个 primary 按钮」；切回浏览器一看，哦不对，是第四个；再切回去改……

光标在窗口间跳了四五趟，像打太极。等他终于切回浏览器，早忘了刚才想改的到底是左边还是右边那个——只记得自己为这事已经切了六次窗口，咖啡都凉了。

「要是能直接在浏览器里跟 Claude 说一句就好了。」阿杰对着空气嘟囔，「而不是把我自己活成一个人肉中间件。」

 的小玩意儿，一直没认真用。这次他没切窗口。

），鼠标往那个按钮上一悬，页面高亮，点一下——面板里自动填好了 CSS 选择器：

div.cta-wrap > button.btn-primary:nth-child(2)

他在描述框敲：「这个按钮右间距不对，参考竞品调成 16px。」回车。

一秒后他瞟了眼旁边的 iTerm——Claude Code 的 tmux 会话里，一段完整的 prompt 已经安安静静躺在那儿：

[Call Your Claude] 请帮我看看这个网页上的问题：

页面链接: https:// competitor.com/landing
页面标题: Landing Page
选中元素: div.cta-wrap > button.btn-primary:nth-child(2)

选中内容:
<button class="btn-primary">立即体验</button>

问题描述:
这个按钮右间距不对，参考竞品调成 16px

连页面链接、标题、选中元素、选中内容都拼好了。Claude 已经开始读上下文，准备动手。

阿杰全程没切过一次窗口。他数了数：从「选中」到「回车」，手没离开过浏览器，咖啡还热着。

老陈端着咖啡路过，瞅了眼屏幕：「你刚那几下，手都没离开浏览器？」

阿杰：「不止。我笔记本上装的插件，连的是开发机上的 Claude Code。开发机在机房跑着 tmux，我在这摸鱼发指令。」

老陈：「……你管这叫摸鱼？」

阿杰笑：「这叫「零切换」。以前改个东西得在浏览器和终端之间折返跑，现在选中、描述、回车，Claude 自己就开干了。」他指了指面板，「它连 iframe 里的元素都能选，自动带出嵌套页面的链接和父页位置，不用我手动去扒 DOM。」

老陈凑近看了眼：「哦，所以你现在的工作量，就是从「切六次窗口」变成了「切零次窗口」。」

阿杰：「……你这话听着怎么像在嘲讽。」

老陈：「没有。我只是帮你算出，你今天省下的那六次切窗口，够你再摸五分钟的鱼。」

不是魔法，是 WebSocket + tmux 的小把戏，但接得很巧：

）捕获你的选区或元素，弹出面板；

2. 你填描述、回车 → 插件通过 

把它拼装成「页面链接 + 标题 + 选中元素 + 选中内容 + 你的描述」；

——跟你手动敲完回车一模一样。

真·「call your claude」。区别只是：你不用再当那个人肉中间件了。

（在跑着 Claude Code 的机器上，建议塞进 tmux）

cd server
npm install
node index.js --session claude

。以前这俩默认不一致是个坑，现在修好了。如果你的 Claude Code 不在默认叫 

 指定真实名字即可（想换个端口也行，加 

你的大脑和眼睛在浏览器里看到的东西，怎么顺畅地变成 Claude Code 的指令？

Call Your Claude 就是这环「神经」。更妙的是它和 cda 

两者一接，就成了一条完整闭环——

你指着网页说要什么 → Claude 改完 → cda 自动去浏览器验证效果

。写、验、操作、连接，四件齐活。阿杰的窗口太极，到此正式退役。

git clone https://github.com/smarty-kiki/chrome_call_your_claude_code.git

开源、轻量、零依赖。装好之后，下次在浏览器里看到想让 Claude 改的东西，别再 

 打太极了——也别再当那个人肉中间件。

选中、描述、回车，剩下的交给它。

*本系列由 WorkBuddy 编排发布，专栏「阿杰的技术成长」。前三篇讲了「写 / 验 / 操作」三件套，这一篇补齐「连接」这一环。*

当在浏览器里看到想让 Claude Code 改的东西，反复 copy/paste 打太极太累。Call Your Claude 让你划词或 Cmd+/ 选元素，填一句描述回车，结构化 prompt 就经 WebSocket 注入 Claude Code 终端。本文用阿杰与老陈的故事讲清它解决了什么、怎么三分钟上手。

开发工具

人工智能

客户端

CallYourClaude插件实现浏览器与ClaudeCode零切换交互，通过选中元素、描述需求、回车触发，自动生成结构化prompt注入tmux会话，支持iframe和跨机器部署，替代手动复制粘贴窗口切换，提升开发效率。

中间件

数据库

WorkBuddy 

WebSocket

AI编程

Windows

Agent

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

选中、描述、回车——浏览器里的 Claude Code 自己就动起来了

选中、描述、回车——浏览器里的 Claude Code 自己就动起来了

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐