首页 › new-tools › 脑嘴身三件套:本周三个MCP原生新刀

你可能还以为 MCP(模型上下文协议)只是"给 Claude Desktop 接几个工具"的小插件。但本周 HN 上有三个新工具,正在把 MCP 当地基,一层一层盖楼——一层管"记"(知识库),一层管"说"(Agent 对话界面),一层管"做"(浏览器里真刀真枪地执行)。三件套拼起来,就是一个完整 Agent 的脑、嘴、身。这篇文章带你拆解:这套"原生栈"为什么是 2026 年最该知道的信息差,以及你怎么立刻白嫖。

先说一个被严重低估的事实:MCP 已经不是"插件",是"地基"

国内技术圈聊 MCP,多半停留在"Claude 怎么连数据库""Cursor 怎么接本地文件"。但海外这一波开发者正在干一件更狠的事:把 MCP 和它的新兄弟 WebMCP 当成通用接口标准,从知识库、到前端 UI、再到浏览器运行时,全栈原生接入。

这意味着什么?意味着你的 Agent 不再需要每换一个场景就重写一遍对接代码。脑(知识)、嘴(界面)、身(执行)都讲同一种话。下面这三个就是本周(截至 2026-06-26)在 Hacker News 上集中冒头的代表性新刀,全部开源、全部可白嫖、全部今天还在提交代码。

工具一:OpenKnowledge——给 Agent 装一个"本地原生脑"

它到底干了啥? 重点不是"又一个笔记软件",而是它出厂就带了 MCP server + Skills + Agentic Search(智能搜索)+ 知识图谱。换句话说,你的笔记文件夹,摇身一变成了 Agent 可以随时检索、改写的"第二大脑"。

装法(亲测可复制的命令):

npm install -g @inkeep/open-knowledge
cd your-project
ok init          # 自动把 Claude Code、Cursor、Codex 都接上
ok start --open  # 起本地 web 编辑器,浏览器自动打开

macOS 用户直接下 DMG 桌面版,Linux/Windows/Intel Mac 走上面的 CLI。一条 ok init 就把主流编码 Agent 全部接好,这才是"MCP 原生"该有的体感。

国内对比:思源笔记、Obsidian(国内社区也很火)都强,但都是"先有笔记、再靠插件缝 AI"。OpenKnowledge 反过来——AI 协作编辑是第一公民,Agent 可以多人、多 Agent 同时改一份文档,底层用 Git/GitHub 自动同步、做团队共享,全程不碰你的 API 密钥之外的数据。

适用人群:天天泡在 Claude Code/Cursor 里、笔记和代码库混在一起的开发者;想给团队搭一个"Agent 能查能写"的内部知识库的小团队。

工具二:Persona.js——给 Agent 配一张"会说话的嘴"

为什么值得关注? 现在但凡做个带 AI 的产品,前端聊天框都是重灾区:要么用 React 全家桶绑死(CopilotKit、Vercel AI Elements),要么自己从零撸一个流式、工具调用、审批、富文本渲染——能写吐血。Persona.js 把这些全打包了:

它最狠的一句自我定位:"如果你坚持写 AI 界面非得用 JSX 不可,那出门左转 CopilotKit / Assistant UI / Vercel AI Elements——没问题,Persona 觉得你依然很酷。" 也就是说,它精准对标这三家,但走的是 Vanilla JS、可往任意现有站点(React/Vue/纯 HTML 都行)上"贴"的路线。

国内对比:国内做 AI 客服/AI 助手前端,要么上智齿、网易七鱼这类重 SaaS,要么后端工程师硬撸一个简陋 chat 框。Persona.js 填的是中间那个"轻量、可定制、别给我塞框架"的空白。

适用人群:要往自己的网站/产品里加 AI 助手的前端和中台开发者;不想为一个对话框引入整个 React 重型栈的团队。

工具三:peerd——让 Agent 长出"在浏览器里干活的身体"

它在颠覆什么? 之前所有"浏览器 Agent"都是:你在云端起一个 headless 浏览器,把你的 cookie 传过去,让 Agent 远程操作。peerd 直接掀桌子——Agent 就跑在你正在用的这个浏览器里,用你已经登录好的标签页和会话直接干活。它能:

安全设计才是它真正的亮点。它不自己写一行加密/隔离代码,而是把浏览器几十年的硬功夫全用上:V8 isolate 做沙箱、WebCrypto 管密钥库、WebAuthn passkey 解锁、opaque-origin iframe、SRI 校验。握钥匙的 Agent 永远不读原始页面——读页面的是一个"没钥匙、没网络"的一次性 runner,输出回来时被当作不可信数据隔离;每个被驱动的动作都要在实时页面上重新校验才算数。

国内对比:国内浏览器扩展生态多是"自动填表""比价""抢券"这类单点工具,几乎没人做"把整个 Agent 循环塞进浏览器、还 BYOK 不留数据"的通用 harness。这个方向对国内开发者是几乎空白的信息差。

适用人群:重视隐私、不想把 cookie/会话交给云端的开发者;想研究"浏览器即运行时+安全边界"新范式的极客。注意:还在 0.x,别上生产。

一张图看懂"脑—嘴—身"是怎么靠 MCP 串起来的

flowchart TB
    subgraph MCP["MCP / WebMCP —— 通用接口层(Agent 的通用语言)"]
        direction TB
        BRAIN["🧠 脑:OpenKnowledge\n知识库 / 第二大脑\nMCP Server + Agentic Search"]
        MOUTH["👄 嘴:Persona.js\n对话 UI / 页面工具\nWebMCP-native,审批闸门"]
        BODY["🏃 身:peerd\n浏览器内执行 / 真实会话\nBYOK,沙箱 WASM Linux VM"]
        BRAIN <-->|"读写知识 / 索引"| MOUTH
        MOUTH <-->|"指令 / 工具调用 / 审批"| BODY
        BRAIN -.->|"上下文/记忆"| BODY
    end
    USER(["👤 用户"]) --> MOUTH
    BODY --> WEB(["🌐 你已登录的真实网页\n复用 cookie / 会话"])
    BRAIN --> NOTES[("📝 本地 Markdown\nGit 自动同步")]
    style MCP fill:#0f172a,color:#fff,stroke:#38bdf8
    style BRAIN fill:#1e293b,color:#e2e8f0
    style MOUTH fill:#1e293b,color:#e2e8f0
    style BODY fill:#1e293b,color:#e2e8f0

三件套各占一层,层与层之间讲同一种 MCP 方言——这正是"原生栈"的精髓:你换模型、换前端、换运行时,接口不动。

信息差总结:你只知道 vs 别人已经在用

维度 你以为的(90% 的人) 别人已经知道的(信息差)
MCP 的角色 给 Claude/Cursor 接工具的小插件 正在变成知识、UI、运行时全栈的通用地基
AI 笔记 Obsidian + 一堆插件缝 AI OpenKnowledge:Agent 原生协作编辑 + 自带 MCP 知识库
AI 对话前端 抄一个 chat 框 / 上 CopilotKit Persona.js:Vanilla JS、WebMCP、审批闸门、Artifact 一条龙
浏览器 Agent 云端 headless 浏览器代操作 peerd:Agent 直接住进你的浏览器,BYOK、零遥测
省钱角度 给每个 Agent 单独买工具/云 三件套全开源免费,只花模型 token 钱

行动指南:今晚就能干的四步

  1. 先抓"脑":npm install -g @inkeep/open-knowledge,ok init 把你常用的 Claude Code/Cursor 接上,把零散笔记迁进去,体验一次"Agent 直接改你的 Wiki"。
  2. 再配"嘴":去 persona-chat.dev 点开 35 个 Demo,挑一个最贴近你业务的,npm i @runtypelabs/persona 照着抄进自己的站点。
  3. 谨慎试"身":把 peerd 装进一个没有敏感账号的浏览器配置里把玩,重点看它的"握钥 Agent 不碰页面"的安全模型——这是最大的认知收获。
  4. 拼起来:用 OpenKnowledge 当知识后端、Persona.js 当前端、peerd 当执行体,搭一个最小可用的"MCP 原生"Agent demo。能不能跑通不重要,走一遍这三层,你对 2026 年 Agent 架构的理解就领先同龄人一个身位。

提醒一句:peerd 还是 0.x experimental,OpenKnowledge 也才 23 天,都别直接上生产。但现在就开始跟踪,三个月后你会感谢自己——上一波类似位置(CopilotKit 早期)的人,现在很多已经靠"Agent 前端外包"接到第一桶金了。

参考来源


本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵爱卫生(微信ID: gprshome201101)维护。 聚焦5G/6G核心网、3GPP标准、AI工具实战。知识星球「51学通信」提供深度技术答疑和行业洞察。


完成摘要(What was done)

下一步计划(What's next)

  1. 优先:把本文导入内容流水线发布。如需配图,可用 baoyu-infographic 或 text-logic-diagram 把 Mermaid 三层图转成公众号封面图。
  2. Round 2 建议:写 Persona.js 的 5-8 个隐藏技巧(tips-tricks 方向),它 35 个 Demo 是个富矿。
  3. 备选:peerd 的安全模型(握钥 Agent 不碰页面)可单拎一篇深度拆解,角度稀缺。

注意事项(If applicable)

[!tip] 51学通信知识星球 星主:爱卫生(微信:gprshome201101)——公众号「51学通信」创办者,19 年通信行业运维与讲师经验,著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书(各大电商平台有售)。 星球定位:深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域,主打运维岗位与信令分析。 当前规模:5200 篇主题 / 990 个回答,198 元/年。 加入福利:加入星球后请加爱卫生微信,拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题,另有群内分享。 AI 加持:51学通信知识星球已作为 skill 接入 WorkBuddy,使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例,做总结、找文档和 PPT 等场景全覆盖。

51学通信知识星球海报-扫码加入