开发者继浏览器端 LaTeX 编辑器 TeXbrain 之后,推出开源手写笔记工具 BraiNOTES,可直接在浏览器标签页中对课程 PDF 进行手写批注。项目源于作者自身学习场景的痛点:市面手写笔记应用普遍需要注册账户、跨设备同步困难、导出 PDF 流程繁琐。BraiNOTES 采用纯静态网站架构,没有任何后端服务器,所有数据保留在浏览器本地。技术上,笔迹采用支持压感的 perfect-freehand 轮廓算法,PDF 通过 pdf.js 在 Worker 中渲染,存储使用 IndexedDB,每次修改后自动保存,完全支持离线使用。笔记以矢量墨迹叠加在原始页面之上,幻灯片中的文字仍可选中复制。笔记本可导出为 .brainotes 文件,本质是包含每页 JSON 数据及导入的 PDF 和图片的 zip 压缩包。工具提供两种模式:学习模式下 PDF 与笔记并排显示,可用裁剪工具截取公式或图表插入笔记后在其周围书写;白板模式适合辅导演示,配备激光笔标注功能。书写体验方面,墨迹随笔尖移动实时呈现,一欧元滤波器可平滑手部抖动,抬笔后还有轻度笔迹优化。项目采用 MIT 协议开源,代码托管于 GitHub。作者已在过去几个月的每节课中使用该工具,并计划为旗下工具开发 MCP 服务器,允许用户通过 MCP 客户端进一步处理笔记,该功能默认关闭且仅限本地通信。
事件分析
BraiNOTES 的架构选择体现了「本地优先」软件理念在个人工具领域的延续:静态站点加零后端的设计彻底消除数据上云的隐私顾虑,同时大幅降低运维成本,这类产品正与 Notion、Notability 等云端订阅模式形成鲜明对照。技术层面,pdf.js Worker 渲染、IndexedDB 持久化、一欧元滤波器抗抖动、perfect-freehand 压感笔迹的组合,表明浏览器能力已足以承载专业级书写体验,Web 平台的天花板仍在被个人开发者不断推高。更具前瞻性的是 MCP 服务器的规划,将笔记这类本地知识库接入 AI 智能体生态,意味着大模型可直接调用和加工用户的手写内容,这是本地工具与 AI 融合的典型路径。后续走向取决于社区生态能否积累:若持续迭代,有望成为学生群体中 Notability、GoodNotes 的开源替代方案;反之则可能停留在小众极客工具层面。
核心观点:零后端纯本地架构证明浏览器已能承载专业笔记工具,MCP 接入则预示个人数据与 AI 智能体融合的新方向。
原文链接:Hacker News