Chrome Side Panel · 开源浏览器智能体

让浏览器
替你把事情做完

NeonAgent 住在你的 Chrome 侧边栏里。读网页、看图片、翻译资料,也能调用工具完成点击与填写。搭配页面悬浮工具,从读懂内容,到动手完成,每一步都看得见

  • ask / Agent 问答与任务执行
  • 5 家预设模型供应商
  • BYOK 自带模型密钥
article.example.com/deep-work
RESEARCH NOTES

深度工作:把注意力还给真正重要的事

2026 · 12 分钟阅读 · 长文

注意力是稀缺资源。真正拉开差距的,不是工作更长时间,而是能否长时间不被打断地处理一件难事。

把重复的查找、复制、整理交给工具,人才有余力留在难题里。这也是自动化真正值得投入的地方——不是为了快,而是为了不被打断。

衡量的方式同样重要:一天结束时有几个 90 分钟不被打断的区块,比处理了多少条消息更能说明问题。

「专注不是一种天赋,而是一套可以被搭建的环境。」
选择场景 · 演示为预设内容,不发起模型请求
A LITTLE MORE POSSIBILITY

轻松开始,让能力再进一步。

自由选择自己的模型,或使用内置 DeepSeek。每一份额度,都有清楚的去向。

会员服务即将开放 · 现在可预览用户中心,暂不支持真实登录或付款。
FREE

免费会员

¥0 / 长期免费

从日常问答与轻量翻译开始。

  • 基础问答、划词与双击翻译
  • 支持自定义大模型接口
  • 可充值内置 Token 用于基础功能
  • 用量明细与支付记录
体验免费会员 →
PAY AS YOU GO

Token 充值

¥5 / 100 万 Token

需要时再买,让额度跟上灵感。

  • 使用内置 deepseek-flash 模型
  • 输入 + 输出原始 Token 合计扣减
  • 充值长期有效,赠送按年到期
  • 免费及到期会员均可购买
了解额度充值 →

主动续费,不自动扣款。充值不会解锁高级功能;自定义接口费用由模型供应商收取。以上为即将上线的会员方案。

WHAT’S NEW · v0.1.32

常用操作,现在离你更近

新增页面悬浮工具、题旁答案提示与逐项填写进度。阅读、练习与执行,不必反复切换。

看看最新能力 ↓
HOW IT WORKS

不是聊天框,是一个会动手的AI 智能体

每次任务都走同一条链路:看清页面 → 拆出步骤 → 调用工具 → 把结果落到页面上。过程实时可见,你随时可以喊停。

  1. 01

    读取页面

    通过内容脚本读取 DOM、正文、表单与结构,必要时截图理解画面。

    read_page_content
  2. 02

    拆解步骤

    模型用 OpenAI 兼容的 function calling 规划工具序列,而非盲目试错。

    tool_calls
  3. 03

    调用工具

    按任务需要调用点击、输入、选择、滚动、等待与跳转工具,并展示执行结果。

    click_element
  4. 04

    回填结果

    答案写回页面或侧边栏,成功的流程可存成技能,下次一键复用。

    create_skill
Agent Loop 用户消息 → 模型 → 工具 → 结果回灌 → 继续,直到任务完成或达到迭代上限。
CAPABILITIES

读懂、翻译、动手,都在当前页面

从日常阅读到重复操作,把常用能力放在手边。

页面悬浮工具

网页右下角悬停展开,直接启动翻译、解题与一键填写。支持锁定和关闭,常用操作随手可达。

图片解读与问答

在 ask 或 Agent 中上传图片,结合支持视觉的模型解读截图与图表。两种模式分别记住模型与思考设置。

练习题辅助

识别页面题目,在题目旁展示参考答案,查看处理进度与耗时。按需逐项回填,题目变化时跳过旧答案;答案仍需自行核对。

在页面上自主操作

点击按钮、填写表单、切换下拉、等待异步元素、跨页面跳转。执行过程逐步展示,出错可回看每一步的入参与返回。

get_page_infoclick_elementtype_text✓ 完成

整页与划词翻译

按段落串行翻译,可双语对照写回页面;双击单词看释义,划选一段即时出译文。

跨会话记忆

偏好、站点特征、操作经验自动沉淀,新会话开局就带着上下文。超过 50 条可一键压缩。

技能库

把跑通的多步流程存成技能,支持 Markdown 导入导出,团队之间可以直接共享。

脚本技能

用 JavaScript 给它加新工具,在受控沙盒里运行,可调用外部接口、处理复杂数据。

定时任务

单次、间隔、每日、每周四种调度,让巡检、汇总、提醒之类的事自己发生。

接口流量分析

基于浏览器性能数据列出页面 API 请求,按域名、路径、状态码聚合,找出最慢和最大的接口;点击之后有没有真的触发请求,一等就知道。

list_api_trafficanalyze_api_trafficwait_for_api_traffic
BRING YOUR OWN MODEL

模型你自己选,接口你来配

内置预设供应商自动带出 Base URL,也可手动添加任何 OpenAI 兼容接口。主模型与翻译模型可以分开配置,思考强度四档可调。

DeepSeek Kimi MiniMax 火山引擎 硅基流动 OpenAI 兼容接口 ↗

自定义接口的 API Key 保存在浏览器本地,请求直达所配置的服务商。即将上线的内置模型经平台服务器中转并统计 Token 用量。

GET STARTED

两种方式,装进 Chrome

推荐直接从应用商店安装;需要改代码或本地开发时,也可以从源码构建。

推荐

从 Chrome 应用商店安装

一键安装、自动更新,不需要 Node.js 和命令行。装好后在侧边栏填入你的模型接口就能用。

在 Chrome 应用商店安装

需要支持侧边栏的新版 Chrome。装好后在设置里填入模型接口即可开始。

免费 · 开源 · 自带密钥
或者,从源码本地安装
01

克隆并构建

bash
git clone https://github.com/fredliu168/NeonAgent.git
cd NeonAgent
npm install
npm run build
02

加载扩展

打开 chrome://extensions,开启「开发者模式」,点击「加载已解压的扩展程序」,选择构建产物目录。

/NeonAgent/dist

首次加载后,点击工具栏图标即可打开侧边栏。

03

接入模型

在设置页新增供应商,填入 Base URL、API Key 与模型名称,然后在输入框里发出第一个指令。

试试这样说

“读一下这个页面,把要点整理成三条,存成笔记。”

FAQ

你可能想知道

需要什么浏览器?

项目基于 Chrome Side Panel API,需要支持侧边栏的新版 Chrome(或同内核浏览器)。可以直接从 Chrome 应用商店安装,也可以从源码构建后用「加载已解压的扩展程序」在本地加载。

可以用自己的模型吗?

可以。设置页支持新增任意 OpenAI 兼容接口,内置 Kimi、MiniMax、DeepSeek、火山引擎、硅基流动预设。主模型、翻译模型、Temperature、Max Tokens 与思考强度都可分别调整。

网页内容会被发到哪里?

自定义模型模式下,所需页面内容发送到你配置的服务商;内置模型服务上线后,将经平台服务器发送至 DeepSeek 并记录用量。会话、记忆与技能保存在浏览器本地,请同时了解所选服务商的数据政策。

它会在我没盯着的时候乱点吗?

每个工具调用都会在侧边栏逐步展示,你可以随时点停止中断。定时任务与自动解题属于需要显式开启的开关,默认关闭。

和普通的网页 AI 侧边栏有什么区别?

普通的侧边栏只能「说」。NeonAgent 拥有作用于当前页面的一组工具,能读写 DOM、模拟交互、操作表单,因此可以真的把事情做完,而不是只给出建议。

把重复的部分交出去

留下需要判断力的那部分给自己。