PowerScroll

PowerScroll

一个以本地为先、包含在单个可编辑 HTML 文件中的可视化笔记本，并为 AI Agent 提供 MCP 桥接。

试用 PowerScroll · 下载 PowerScroll.html · Agent 设置 · 报告问题

PowerScroll 将 OneNote 的层级结构、白板的自由画布和可编辑图表融入一个完全由你掌控的笔记本。无需账户、服务、专有数据库或云连接。

一分钟内开始

1. 打开在线演示，或下载 PowerScroll.html。
2. 添加文本、图片、绘图、形状、页面和相互独立的纵向卷轴。
3. 按 Ctrl+S。应用和笔记本数据会一起保存到一个 HTML 文件中。
4. 想要继续使用时，只需在浏览器中打开该文件。

托管演示不会上传笔记本内容。请下载或保存笔记本以保留内容；浏览器中的文件才是唯一可信来源。

PowerScroll 的不同之处

一个文件，同时包含产品和数据

每个笔记本都包含完整的编辑器、结构化工作区、绘图、图片和可选扩展。它可以离线打开，并且始终可编辑。分享该文件，就是分享一份可用的副本，无需在其他地方安装 PowerScroll，也不必依赖导出文件。

保留结构的可视化体验

分区和页面构成笔记本的层级结构。在每个页面中，具名卷轴会在无限画布上创建相互独立的纵向工作区。Markdown、数学公式、图片、墨迹、形状、PlantUML、Mermaid、SVG 和 draw.io 内容可以并列放置。

人与 Agent 共用同一画布

本地 MCP 桥接允许 Agent 读取页面、添加和移动块、管理卷轴、插入图片、创建原生可编辑图表，以及保存笔记本。Agent 编辑会使用与人工编辑相同的内存存储、撤销历史和保存路径——无需协调影子数据库。

让 Agent 在笔记本中工作

桥接默认关闭，且只在你的设备上侦听。直接从 npm 运行已发布的软件包：

npx -y powerscroll-mcp

然后打开笔记本并启用 Settings → Agent bridge → Let a local agent write into this notebook。请参阅完整的工具和客户端设置指南。

可执行文件以 powerscroll-mcp 的名称发布，其发现元数据已在官方 MCP Registry中启用。最新的 GitHub 发布版本也附带软件包压缩包作为备用来源，但 npm 是官方安装来源。

精选功能

• 无限画布，支持平移、缩放、触控、套索、对齐参考线以及撤销/重做
• 支持 Markdown、表格、复选框、链接、语法块和 KaTeX 数学公式
• 支持图片粘贴/导入、裁剪、旋转、灯箱、备注和紧凑模式
• 手绘笔和橡皮擦；可设置样式的矩形、圆形、三角形、箭头、直线和弧线
• 分区、页面、可调整大小的命名卷轴、提纲、搜索和替换
• 可直接编辑的原生图表，支持 PlantUML、Mermaid、SVG 和 draw.io
• 在 Chrome/Edge 中直接保存到磁盘并自动保存；也可回退为浏览器下载
• 应用内更新，同时保留笔记本内容和已安装的扩展
• 本地多 Agent MCP 桥接，支持单写入者租约，且读取操作不会被阻塞

隐私与安全

日常编辑无需 PowerScroll 服务或账号。检查更新和可选的扩展安装会连接 GitHub；只有在用户启用本地 Agent 桥接后，才会建立环回 WebSocket 连接。

笔记本是可执行 HTML。请仅打开来自可信人士的笔记本，就像对待任何可执行文档一样。有关威胁模型和私密漏洞报告说明，请参阅 SECURITY.md。

迁移 PowerNote 笔记本

PowerScroll 可直接打开现有的 PowerNote 笔记本。旧版嵌入式 ID、内部链接、存储和桥接协议标识符仍受支持。

如果笔记本太旧，无法自行更新：

1. 打开最新的 PowerScroll.html。
2. 使用 Open 按钮选择旧笔记本。
3. 按 Ctrl+S，将当前 PowerScroll 编辑器写回笔记本并保留其内容。

开发

npm install
npm install --prefix powernote-mcp
npm run dev
npm run build:template
npx playwright test
npm run test:bridge

PowerScroll 使用 React、TypeScript、Vite、Konva 和 Zustand 构建。行为需求及其测试追踪记录位于 docs/。贡献规范见 CONTRIBUTING.md。维护者应遵循发布操作手册，并在发布后更新部署记录。

许可证

MIT © 2026 Constantin Chabirand