HUASHU-CHROME / SCHEMATIC
本机五器官系统 · 原理说明书DOC.TYPE:EXPLAINERREV 2026-08LICENSE:MIT
FIG.0 · 系统原理图 · 一条命令穿过五个器官

让 AI agent 开你自己的 Chrome

带着你的全部登录态。不是无头浏览器,不是干净沙盒——就是你每天在用的那个

$ npx huashu-chrome install一次安装,CC / Codex / CodeBuddy 通用
花叔花叔 出品
安装链路 · 只走一次 01 npm 包 分发载体 02 CLI 包的入口 install / mcp / doctor 写好各家 agent 的 MCP 配置 装扩展(引导安装) AGENT · 说话的人 Claude Code Codex CodeBuddy …任何 MCP 宿主 stdio 工具调用 click 03 MCP server agent 的接口 本会话专属进程 22 个浏览器工具 WS + token 04 本地桥 bridge 127.0.0.1 常驻单例 token 认证 · 白名单裁决 审计落盘 · 多会话共享 WS 你每天在用的那个 Chrome · 全部登录态都在 05 Chrome 扩展 offscreen 保活 · 手 登 录 真实点击 效果快照原路返回——agent 看到的不是「已点击」,是点击之后页面变成了什么样 FIG.0 — 系统原理图 · 五个器官 实线=运行时·每条命令 虚线=安装时·仅一次 全程 127.0.0.1 · 不出网 DRAWN BY 花叔 SCALE NTS · SHEET 1/1
01

它到底是什么

SEC.01 · PARTS LIST · 器官清单

「npm 包?插件?CLI?还是 MCP?——都是。它们是同一个产品的五个器官。」

REF器官是什么一句话职责
01npm 包分发载体npx huashu-chrome install 一条命令装完一切
02CLI包的入口三个动词:install(装扩展+写好各家 agent 的 MCP 配置)/ mcp(见下)/ doctor(体检)
03MCP serveragent 的接口huashu-chrome mcp 被宿主拉起,每个会话一个进程,通过 stdio 把 22 个浏览器工具递给 agent
04本地桥 bridge本机路由器127.0.0.1 常驻单例:token 认证、站点白名单裁决、每条命令审计落盘;多个 agent 会话共享一条桥
05Chrome 扩展住在你日常的 Chrome 里,带全部登录态干活;offscreen 文档保活的 WebSocket 连桥
02

一条命令的旅程

SEC.02 · FIG.1 · SIGNAL TRACE · 信号追踪

以 agent 说「点击登录按钮」为例,8 站:

SIGNAL TRACE — tool:click方向:AGENT → 页面 → AGENT
01AGENTagent(Claude Code/Codex…)吐出工具调用 click
02MCP SERVER→ stdio → MCP server(本会话专属进程)
03本地桥→ WebSocket + token → 本地桥
04本地桥桥裁决:站点在白名单吗?→ 审计落盘 → 盖上会话身份章(sid)
05扩展→ WebSocket → Chrome 扩展(offscreen 常连,Service Worker 被唤醒)
06页面扩展在页面里定位元素、检查遮挡,派发真实点击
07页面采集「效果证据」:页面到底动没动(DOM/焦点/目标状态)
08AGENT快照原路返回 agent——它看到的不是「已点击」,是「点击之后页面变成了什么样」
NOTE / 注脚全程 127.0.0.1,一个字节都不出网;掉线自愈(桥重启、扩展重载、SW 回收都设计过)。
03

你看得见它在干活

SEC.03 · FIG.2 · 可见性 · 差异化卖点一
花叔A 小红书后台 你自己的其他标签…
B 需要人帮忙:验证码 / 扫码 / 付款确认
C
正在做什么
准备做什么
最近时间线
Dagent 截图视角:没有光标、没有描边、没有驾驶舱——截图幕帘挡住了给人看的图层

FIG.2 — 被操控的 Chrome,人眼视角(上)vs agent 截图视角(下)

  • A被操控的标签页进彩色标签组(组名「花叔」,组色=会话色)
  • B页面四边同色描边 + 呼吸泛光的箭头光标:滑到哪就是在动哪
  • C右下角驾驶舱:正在做什么 / 准备做什么 / 最近时间线;需要人帮忙(验证码/扫码/付款确认)时弹浮条
  • Dagent 自己的截图里看不到这一切(截图幕帘)——它不会把光标当成页面元素
04

多 agent 并发不打架

SEC.04 · FIG.3 · 会话隔离 · 差异化卖点二

每个会话有自己的受控标签页和会话色;想抢别人正在操控的页面会被拦下并给出三条出路。两个 agent 踩同一页时,边框变双色条纹——「你们在互相踩」一眼可见。

会话身份色板
identity.js
a855f7 22c55e 3b82f6 f97316 ef4444 eab308
花叔会话 A
会话 A · 自己的受控标签页
花叔会话 B
会话 B · 互不越界
双色条纹=「你们在互相踩」

FIG.3 — 会话色描边(左、中)与冲突告警条纹(右)

05

它越用越快

SEC.05 · 效率与安全 · 差异化卖点三
EXEC / 剧本

act 剧本

翻页 repeat、可选弹窗 if、状态断言 assert——一次调用跑完整个流程(实测归因:浏览器执行只占墙钟 2%,98% 是 agent 回合,省回合=省时间)

■ 浏览器执行 2%▨ agent 回合 98%
MEM / 经验回流

learnings 经验回流

摸过一次的网站沉淀成笔记甚至可执行剧本。真实数字:飞书多维表格从零摸索 281 次调用,规律摸清后同类任务不到 10 次

281 <10调用次数 · 同类任务实测
LOCK / 硬闸

敏感操作的闸

敏感操作的闸在扩展里,agent 够不着:支付确认必须真人点头,没有任何参数能跳过

HUMAN ONLY
无参数可跳过
06

上手

SEC.06 · QUICK START · 三步
$ npx huashu-chrome install
# 装扩展引导 + 自动写好 MCP 配置
$ # 重启你的 agent
帮我看看小红书后台这周的数据
  1. 1npx huashu-chrome install(装扩展引导+自动写好 MCP 配置)
  2. 2重启你的 agent
  3. 3直接说人话:「帮我看看小红书后台这周的数据」

脚注:MIT 开源。