draftly-wps

draftly-wps

AI chat sidebar inside WPS Office (Mac) that edits the live document through the real JS add-in object-model API — no keyboard/mouse simulation. Powered by the Claude Agent SDK, with streaming replies, session history, and per-document (Word/Excel/PPT) isolation.

Category
访问服务器

README

Draftly (wps-mcp)

简体中文 | English

在 WPS Office(Mac)里跑一个真正能操作当前文档的 AI 聊天侧边栏,基于官方 JS 加载项对象模型 API + Claude Agent SDK。不是键盘/鼠标模拟, 是通过 MCP 工具直接调用 WPS 文字 / 表格 / 演示的对象模型(Application.CreateTaskPane 等)。

前置条件

  • macOS,装了 WPS Office(Mac 版),至少完整打开过一次
  • Node.js 20 及以上
  • 已安装并登录 Claude Code CLI(claude login)—— Draftly 不管理自己的 API Key,靠本机已登录的 Claude Code CLI 复用你的账号登录态。换一台机器 / 换一个人用,都要先在那台机器上装好并登录 claude CLI。

安装

git clone <this-repo>
cd wps-mcp
bash scripts/install.sh

脚本是幂等的,改了代码之后重跑一次就是升级流程。它会:

  1. npm install 装依赖
  2. 生成本地共享密钥(.bridge-token,见下面"安全模型")
  3. 把加载项文件复制到 WPS 的加载项目录 (~/Library/Containers/com.kingsoft.wpsoffice.mac/Data/.kingsoft/wps/jsaddons/wps-mcp_
  4. 安装一个 launchd LaunchAgent,让桥接服务随登录自动启动、崩了自动重启

装完之后:

  1. 完整重启一次 WPS Office(首次安装、或者 ribbon.xml 有更新时必须重启——功能区按钮定义 WPS 只在启动时读一次,不支持热更新;taskpane.html/main.js 的更新则会自动热更新,不用重启)
  2. WPS 里找 "WPS-MCP" 功能区标签,点 "Draftly" 按钮打开侧边栏
  3. 连不上就看日志:tail -f ~/Library/Logs/wps-mcp.log

卸载:

launchctl bootout gui/$(id -u)/com.wps-mcp.bridge
rm ~/Library/LaunchAgents/com.wps-mcp.bridge.plist
rm -rf ~/Library/Containers/com.kingsoft.wpsoffice.mac/Data/.kingsoft/wps/jsaddons/wps-mcp_

安全模型

桥接服务监听本机 127.0.0.1:58892,处理 WebSocket 和 HTTP 请求。所有会产生副作用的入口 (两条 WebSocket、/tool/mcp)都要求 URL 上带 ?token=,这个 token 是安装时随机生成、 落盘到项目根目录 .bridge-token(不进版本库)的本地共享密钥,同一份值会被烤进部署到 WPS 里的 js/token.js。没有这层校验,你电脑上开着的任何一个网页都能直接连上这个端口冒充加载项/面板, 用 MCP 工具改你正在编辑的文档——这不是理论风险,浏览器不会对 WebSocket 连接做同源限制。

架构速览

  • addin/ —— WPS JS 加载项:ribbon.xml(功能区)、main.js(对象模型桥接)、taskpane.html(聊天面板 UI)
  • server/bridge.js —— 本地 WebSocket/HTTP 桥接,加载项与 MCP server 之间的枢纽
  • server/agent.js —— 聊天面板的 /agent WS 处理,用 Claude Agent SDK 的 query() 驱动对话
  • server/tools.js + server/index.js —— MCP server(stdio),把 wps_word_*/wps_et_*/wps_wpp_* 工具调用转发到桥接层

server/index.js 会自动探测端口占用:如果 58892 已经被一个常驻实例占了,会转成轻量 stdio 中继, 把工具调用转发过去,而不是抢端口——这样 Agent SDK 自己 spawn 的 MCP server 子进程不会跟常驻服务冲突。

开发

npm test   # node --test,全仓库单测

严格 TDD:改行为之前先写一个会失败的测试。纯逻辑(session/host 处理、流式累加器等)都抽成了 DOM/WS 无关的模块,方便单测;WS/DOM 胶水代码保持薄,靠人读。

已知限制

  • 目前只做了 macOS 版 WPS Office,且假设它安装在标准 Container 路径下
  • 多用户场景没做——每个用户都要自己装好并登录 claude CLI,Draftly 不做统一鉴权/计费
  • 品牌名 "Draftly" 是占位名,正式对外发布前建议再确认一下商标可用性

License

GPL-3.0。基于本项目的修改版本,再分发时也必须以 GPL-3.0 开源。

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选