终于，我打通了 Windows、Mac、Linux 三端。WPS JS 加载项 Skill 来了，跨平台时代正式开启

一、先看一张全貌图，看看我都做了什么

两个月，十四套 Skill：

发现了吗？前十三套，Windows 垄断。第十四套，三端全开。

这不是巧合。是我憋了两个月的一口气——终于吐出来了。

二、为什么 WPS JS 加载项是一条不一样的路？

之前那些 COM 加载项和 VBA，功能确实强，但它们有一个共同的命门：Windows only。 Mac 用户只能用网页版 Office，Linux 用户只能干瞪眼。

WPS JS 加载项不一样。它是 WPS 官方支持的、基于 Web 技术的插件体系。原理很简单：WPS 内嵌了一个 Chromium 内核，你的插件本质上就是一个网页应用，跑在这个内核里。所以只要 WPS 能装的地方——Windows、Mac、各种国产 Linux 发行版——你的插件就能跑。

更重要的是：开发语言是 JavaScript。

这意味着什么？整个前端生态里的所有东西——React、Vue、Angular、TypeScript、Vite、Webpack、Ant Design、ECharts——全部可以直接拿来用。你在网页开发中积累的所有技能、所有组件库、所有最佳实践，全部可以无缝迁移到 WPS 插件开发中。

三、官方模板太烂了，我重做了一套 React + Vite 底座

WPS 官方提供了一个 wpsjs create 的脚手架工具。但说实话——官方文档维护得非常差，示例代码过时，人类可读性很低，而且每一个接口你都不敢信，必须亲自测试过才敢用。

所以我干了一件很疯的事。

别人做 Skill，是在官方模板基础上加提示词，让 AI 看着文档写代码。我做这套 Skill，是从底座开始重写——用 React + Vite + Ant Design 搭建了一套全新的项目模板。 不是"在官方模板上打补丁"，是"官方模板不够好，我自己重新做了一套更好的"。

为什么是 React + Vite？

• React：最主流的前端框架，AI 的训练数据里 React 代码最多、质量最高。让 AI 写 React，比让它写原生 DOM 操作，准确率至少高一个量级

• Vite：极速热更新，改一行代码秒级生效，调试效率拉满

• Ant Design：企业级 UI 组件库，按钮、表格、表单、弹窗全部开箱即用，AI 生成出来的界面直接就是商业级的

这套底座的威力有多大？ AI 不再是"看着文档猜应该怎么写"——它是在一个工程化完整、基础设施齐备的项目里写代码。构建流程是现成的、组件库是现成的、TypeScript 类型检查是现成的。AI 只需要专注做一件事：实现你的业务逻辑。

四、四套专项蓝图，直击最高频场景

蓝图 | 宿主 | 能做什么

📊 ET 自动化工作台 | WPS 表格 | Ribbon 按钮 + React 任务窗格 + AI 终端桥，一套完整的表格自动化工具

📄 WPS 文字工作台 | WPS 文字 | 文档处理工具箱，AI 终端桥可直接操作 Document 对象

📽️ WPP 演示工作台 | WPS 演示 | 幻灯片批量处理、页面组织、演示自动化

⚡ ET 高性能工作台 | WPS 表格 | 二维矩阵整块读写、批量区域操作，工业级性能，AI 终端可实测验证

跟之前所有 Skill 一样，每套蓝图都经过真实宿主验证，不是"理论上能跑"——是"AI 已经在真实 WPS 环境里跑过并验收了"。

五、拿前端生态嫁接到 WPS 里，到底能做什么？五个真实案例

前面说的 React、Vite、Ant Design——这些都是工具。我想用几个具体案例，让你真正感受到"整个前端生态打进 Office"之后，到底有多强的跨界整合能力。

🎨 案例一：用 ECharts 在 WPS 里做数据可视化大屏

你的 WPS 表格里有一份销售数据。以前你要把数据导出、打开浏览器、用 BI 工具画图。

现在： 在 WPS 任务窗格里，React 里嵌一个 ECharts 图表组件。数据从当前工作表实时读取，图表实时渲染。饼图、柱状图、热力图、地图——网页端能画的，WPS 里全部能画。而且数据变了，图自动变。不是"导出来看"，是"看着数据变"。

🤖 案例二：接入 AI 接口，批量处理——比 WPS AI 强一万倍

这是最让我兴奋的能力。

WPS 官方有 WPS AI，但它一次只能对当前选中的内容做一件事。你想让它批量处理 50 个文档？不行。你想让它对 500 行数据逐行调用 AI 做总结？不行。

但在 WPS JS 加载项里，你拥有完全的代码控制权。 你可以在代码里写一个循环——读取第 1 行 → 调 AI 接口 → 写回结果 → 读第 2 行 → 调 AI → 写回……你可以在 for 循环里套 fetch 请求，500 次 AI 调用，批完为止。

实际场景： 你有一份 500 行的客户反馈表。插件逐行读取反馈原文，调用大模型接口做情感分析和分类（正面/负面/建议），结果自动写回表格。零人肉操作，全程自动化。 WPS AI 一个单元格一个单元格手点的方式，跟这个完全不是一个量级。

📄 案例三：本地文件直接读写，不架服务器也能跑

这一点，没有任何 Web 应用能做到——WPS JS 加载项可以直接读写你电脑上的任意文件。

WPS 提供了完整的 FileSystem API：读取文件、写入文件、创建文件夹、遍历目录、复制移动删除——什么都能干。再加上 Skill 里内置的 LocalHttpServer（一个本地 HTTP 服务），你甚至可以做剪贴板读写、文件跨盘移动、HTTP 代理请求。

实际场景： 你手上有 50 份 Word 合同散落在不同文件夹里。插件自动遍历指定目录，逐个读取 docx 文件，提取关键字段（甲方、金额、日期），汇总到一张 WPS 表格里。不需要把文件上传到任何云服务——全部在本地完成，数据不出你的电脑。

🌐 案例四：前端组件库直接拿过来用，界面随心所欲

过去做 Office 插件，界面是最让人头疼的。VBA 的 UserForm 丑得让人不想打开，COM 加载项要学 WPF。

现在： 你的插件就是一个 React 网页。Ant Design 的表格、表单、弹窗、日期选择器、树形控件——全部直接用。你做网页的功力有多深，WPS 插件的界面就有多好看。

实际场景： 做一个"客户管理"的 WPS 侧边栏。左侧是 Ant Design 的树形控件展示客户分组，右侧是表格展示明细，顶部有搜索框和筛选器。点一个客户，自动跳转到当前工作表的对应行。整个体验就像一个嵌在 WPS 里的 CRM 系统。

🔄 案例五：HTTP 代理 + 跨域解决，本地页面也能调远程接口

前端开发最大的痛点之一是跨域。你在 WPS 里跑一个本地网页，想调外部 API？浏览器安全策略直接拦截。

Skill 里内置的 LocalHttpServer 解决了这个问题。 但它的能力远不止跨域代理。通过这套本地 HTTP 服务，WPS JS 加载项获得了 类似于 COM 加载项和 VBA 的能力——可以直接操控你电脑上的硬盘资源。 不只是在浏览器沙箱里跑一个网页，而是能够识别整个磁盘上的文件，对其进行增删改查。读文件、写文件、建目录、遍历文件夹、复制移动删除——本地文件系统操作，全部在代码层完成。这是一套完整的数据中枢：本地页面 → LocalHttpServer → 互联网接口 / 本地文件系统 → 数据回写。整条链路跑通，你的 WPS 插件既能对接互联网上的任意 API，也能在你本地的硬盘上自由读写。

🖥️ 案例六：在 Office 文档里嵌入网页控件，在线离线都能跑

这是我觉得最"跨界"的一个能力。

WPS 演示支持在幻灯片里嵌入网页控件——也就是说，你在放映 PPT 的时候，某一页幻灯片里可以直接显示一个完整的网页。图表、动画、实时数据大屏、交互式地图——全部可以在幻灯片里活起来。

更厉害的是，它支持离线网页。 把 HTML 和资源文件打包好，不需要联网，网页控件一样能渲染。你完全可以把 ECharts 图表离线渲染在幻灯片里，打开 PPT 就能看。

我把自己过去开发的 WPS 演示催化剂源码直接开源接入到了这套 Skill 的蓝图里。AI 拿到蓝图之后，不只是"知道怎么做"，是直接看到了一个完整、跑通、经过真实项目验证的网页控件交互方案。而且除了幻灯片内嵌，还有右侧任务窗格和弹出网页对话框两种交互方式——三种形态，随你选。

⚡ 案例七：WPS 表格也支持自定义函数了——macOS、Linux、国产系统都能用

以前自定义函数（UDF）是 Excel-DNA + Windows 的专属。Mac 用户用不了，Linux 用户更用不了。

现在 WPS JS 加载项支持自定义函数了。 你可以在 WPS 表格里直接写 =MY_FUNC(A1, B1)，像内置函数一样被调用。而且它自带 IntelliSense——函数名有自动提示、参数有描述说明，用户体验完全对标原生函数。

跟 JSA 宏的方式比起来，这套方案效果好太多：JSA 宏的自定义函数没有智能提示、作用域局限、跨文件不可用。WPS JS 加载项的自定义函数是真正的全局注册，所有工作簿都能用。

更重要的是——跨平台。 以前只有 Windows 用户能用自定义函数，现在 macOS、Linux、国产系统上全部能跑。一套代码写下去，三端全有。