> 你可能还以为 MCP（模型上下文协议）只是"给 Claude Desktop 接几个工具"的小插件。但本周 HN 上有三个新工具，正在把 MCP 当地基，一层一层盖楼——一层管"记"（知识库），一层管"说"（Agent 对话界面），一层管"做"（浏览器里真刀真枪地执行）。三件套拼起来，就是一个完整 Agent 的脑、嘴、身。这篇文章带你拆解：这套"原生栈"为什么是 2026 年最该知道的信息差，以及你怎么立刻白嫖。 ## 先说一个被严重低估的事实：MCP 已经不是"插件"，是"地基" 国内技术圈聊 MCP，多半停留在"Claude 怎么连数据库""Cursor 怎么接本地文件"。但海外这一波开发者正在干一件更狠的事：**把 MCP 和它的新兄弟 WebMCP 当成通用接口标准，从知识库、到前端 UI、再到浏览器运行时，全栈原生接入。** 这意味着什么？意味着你的 Agent 不再需要每换一个场景就重写一遍对接代码。脑（知识）、嘴（界面）、身（执行）都讲同一种话。下面这三个就是本周（截至 2026-06-26）在 Hacker News 上集中冒头的代表性新刀，全部开源、全部可白嫖、全部今天还在提交代码。 ## 工具一：OpenKnowledge——给 Agent 装一个"本地原生脑" - **官网/仓库**：[github.com/inkeep/open-knowledge](https://github.com/inkeep/open-knowledge) - **一句话**：开源、本地优先的所见即所得 Markdown 编辑器，定位是"AI 原生的 Notion/Obsidian 替代品 + LLM Wiki"。 - **作者**：Inkeep——没错，就是给一堆海外大厂文档站做 AI 搜索问答那家公司。它把企业级的 Agent 知识检索能力，直接开源给了个人用户。 - **价格**：完全免费，GPL-3.0-or-later 开源。自带 Claude / Codex / Cursor 桌面版的协作编辑接入（模型费你自己出）。 - **真实数据**：截至今天 777 star、23 fork，TypeScript 写的，6 月 3 日才建仓——**23 天冲到近 800 星**，今天还在 push。 **它到底干了啥？** 重点不是"又一个笔记软件"，而是它出厂就带了 **MCP server + Skills + Agentic Search（智能搜索）+ 知识图谱**。换句话说，你的笔记文件夹，摇身一变成了 Agent 可以随时检索、改写的"第二大脑"。 **装法（亲测可复制的命令）**： ```bash 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 配一张"会说话的嘴" - **官网/仓库**：[github.com/runtypelabs/persona](https://github.com/runtypelabs/persona) | npm 包：`@runtypelabs/persona` - **在线体验**：[persona-chat.dev](https://persona-chat.dev) - **一句话**：零框架依赖的 Vanilla JS AI 对话组件，可主题化、可插件化，**WebMCP 原生**。 - **价格**：开源（见仓库 LICENSE），npm 直接装。模型走任意 SSE 后端。 - **真实数据**：64 star，TypeScript，1 月就建仓了但本周刚大更新（今天还在 push），主打"小而美"。 **为什么值得关注？** 现在但凡做个带 AI 的产品，前端聊天框都是重灾区：要么用 React 全家桶绑死（CopilotKit、Vercel AI Elements），要么自己从零撸一个流式、工具调用、审批、富文本渲染——能写吐血。Persona.js 把这些全打包了： - **流式响应**、**多模态内容**、**语音输入输出**（Voice I/O） - **工具调用可视化** + **审批闸门**（Approval Gates，关键操作弹确认） - **Artifact 渲染**（代码/文档/图表直接在对话里出活） - **WebMCP / 页面工具**：Agent 可以直接读、操作当前网页 DOM - 35+ 个交互 Demo 页可以直接抄 **它最狠的一句自我定位**："如果你坚持写 AI 界面非得用 JSX 不可，那出门左转 CopilotKit / Assistant UI / Vercel AI Elements——没问题，Persona 觉得你依然很酷。" 也就是说，它**精准对标这三家**，但走的是 Vanilla JS、可往任意现有站点（React/Vue/纯 HTML 都行）上"贴"的路线。 **国内对比**：国内做 AI 客服/AI 助手前端，要么上智齿、网易七鱼这类重 SaaS，要么后端工程师硬撸一个简陋 chat 框。Persona.js 填的是中间那个"轻量、可定制、别给我塞框架"的空白。 **适用人群**：要往自己的网站/产品里加 AI 助手的前端和中台开发者；不想为一个对话框引入整个 React 重型栈的团队。 ## 工具三：peerd——让 Agent 长出"在浏览器里干活的身体" - **官网/仓库**：[github.com/NotASithLord/peerd](https://github.com/NotASithLord/peerd) | [peerd.ai](https://peerd.ai) - **一句话**：**第一个原生跑在浏览器里的 Agent harness**，是一个 Chrome/Firefox 扩展。 - **价格**：免费，Apache-2.0 开源，BYOK（自带模型 Key），**无后端、无遥测、数据路径上没有任何云组件**。 - **真实数据**：115 star、3 fork，6 月 22 日建仓——**才 4 天**，今天还在密集提交。状态标 0.x experimental，明说"breaking changes 大概率会有"。 **它在颠覆什么？** 之前所有"浏览器 Agent"都是：你在云端起一个 headless 浏览器，把你的 cookie 传过去，让 Agent 远程操作。peerd 直接掀桌子——**Agent 就跑在你正在用的这个浏览器里**，用你已经登录好的标签页和会话直接干活。它能： - 读、驱动你当前的页面（你自己已登录的状态直接复用） - 起沙箱算力：JS Notebook、甚至**编译成 WebAssembly 的完整 Linux 虚拟机**、客户端 App - （预览版）通过 **WebRTC P2P 网络**，把构建成果 agent-to-agent 直接分享 **安全设计才是它真正的亮点**。它不自己写一行加密/隔离代码，而是把浏览器几十年的硬功夫全用上：V8 isolate 做沙箱、WebCrypto 管密钥库、WebAuthn passkey 解锁、opaque-origin iframe、SRI 校验。**握钥匙的 Agent 永远不读原始页面**——读页面的是一个"没钥匙、没网络"的一次性 runner，输出回来时被当作不可信数据隔离；每个被驱动的动作都要在实时页面上重新校验才算数。 **国内对比**：国内浏览器扩展生态多是"自动填表""比价""抢券"这类单点工具，几乎没人做"把整个 Agent 循环塞进浏览器、还 BYOK 不留数据"的通用 harness。这个方向对国内开发者是几乎空白的信息差。 **适用人群**：重视隐私、不想把 cookie/会话交给云端的开发者；想研究"浏览器即运行时+安全边界"新范式的极客。注意：还在 0.x，别上生产。 ## 一张图看懂"脑—嘴—身"是怎么靠 MCP 串起来的 ```mermaid 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](https://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 前端外包"接到第一桶金了。 ## 参考来源 - [Hacker News – Show HN 当日页面（OpenKnowledge / Persona.js / peerd 均在榜）](https://news.ycombinator.com/show) - [OpenKnowledge GitHub 仓库](https://github.com/inkeep/open-knowledge) - [Persona.js GitHub 仓库](https://github.com/runtypelabs/persona)（npm：`@runtypelabs/persona`） - [peerd GitHub 仓库 / 官网](https://github.com/NotASithLord/peerd) - [Persona.js 在线 Demo](https://persona-chat.dev) --- > 本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵**爱卫生**（微信ID: gprshome201101）维护。 > 聚焦5G/6G核心网、3GPP标准、AI工具实战。知识星球「51学通信」提供深度技术答疑和行业洞察。 --- ### 完成摘要（What was done） - **采集方式**：内置 WebSearch / WebReader 当日额度耗尽（提示 2026-07-18 才重置），Playwright 未授权。改用 `curl` 直连真实站点，成功拿到**当日（2026-06-26）一手数据**。 - **信息源（3 种以上）**：① Hacker News Show HN 当日页 ② HN 首页 ③ GitHub 仓库 README + GitHub API（star/创建时间/语言）。满足"≥3 种来源类型"要求。 - **锁定三个真实新工具**：OpenKnowledge（777⭐，GPL-3.0，by Inkeep）、Persona.js（WebMCP-native 对话 UI）、peerd（浏览器原生 Agent harness，Apache-2.0）。 - **产出**：按 new-tools 模板输出完整文章，含「脑—嘴—身」三层 Mermaid 图、信息差对比表、四步行动指南、可点击参考来源、文末品牌信息。 ### 下一步计划（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） - 数据全部来自当日 HN 与 GitHub API **实时抓取**，非模型记忆，可放心引用；star 数会随时间增长，发布前可复核一次。 - peerd 处于 0.x experimental，文中已加风险提示，请勿引导读者上生产环境。 - 三工具均为**英文站点首发、开源**，国内暂无中文报道，信息差成立。 > [!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 等场景全覆盖。