OpenTiny NEXT 內核新生：生成式UI × MCP，重塑前端交互新范式！

近期，我們推出 OpenTiny NEXT —— OpenTiny的下一代企業級前端智能開發解決方案。這不僅是一次技術升級，更是一場用戶交互范式的變革：從傳統的人機交互升級成為人機交互范式和智能體交互范式的融合。我們堅信，每一個企業應用都值得被 AI 理解，每一次用戶交互都可以更自然、更智能。

項目背景

當前，大語言模型（LLM）正在深刻地改變人機交互的方式。用戶期望通過自然語言完成更復雜、更智能化的操作。然而現有的企業應用（包括Web應用、桌面應用、移動應用等）大多仍依賴于傳統的圖形用戶界面（GUI）點擊操作，無法直接響應 LLM 的指令，使得企業應用與智能體（Agent）之間形成了一道鴻溝。

隨著 LLM 和 Agent 技術的發展，企業應用正逐步邁入“智能化”階段。OpenTiny 作為一套成熟的企業前端開發解決方案，擁有 UI 組件庫（TinyVue）和低代碼引擎（TinyEngine）等產品，在服務傳統前端開發場景的基礎上，我們順應 AI 時代需求，對 OpenTiny 進行一次代際升級，構建一套面向未來的“企業智能前端開發解決方案”。

OpenTiny NEXT 新的解決方案整合了 AI 技術與 OpenTiny 原有能力，支持企業應用允許 Agent 理解用戶意圖并自主完成任務，打造一個 Agent 主導的企業智能應用生態系統。

愿景與架構

OpenTiny NEXT 旨在成為業界領先的企業智能前端開發解決方案，我們致力于為企業應用無縫注入“智駕”能力，打破人、AI 與應用之間的壁壘。

我們的愿景是：讓每一個企業應用都能支持 AI 理解用戶意圖并自主完成任務，讓自然語言成為企業應用的下一代交互范式。

以下是 OpenTiny NEXT 的整體架構圖：
在這里插入圖片描述

項目介紹

OpenTiny NEXT 智能前端開發解決方案以生成式 UI + WebMCP 兩大核心技術為依托，構建一個從后端服務、開發工具到前端 UI 完整的智能產品族。

基礎設施層 (IaaS)：
- WebAgent: 連接 Agent 智能體與企業應用內置的 MCP 服務的手臂。
開發工具層 (PaaS/SDKs)：
- NEXT-SDKs: 提供跨前端框架、高可擴展的企業應用智能化開發工具庫。
- TinyEngine NEXT: 可生成“智能”應用的智能低代碼引擎。
應用與組件層 (SaaS/UI)：
- TinyRobot: 面向最終企業用戶的智能體對話入口。
- TinyVue NEXT: 承載生成式 UI 引擎的企業級智能組件庫。
門戶與生態：
- OpenTiny NEXT 官網: 產品的統一入口、文檔和社區。

NEXT-SDKs：智能應用開發工具包

NEXT-SDKs 是一套開發工具包，旨在簡化 WebAgent 的集成與使用，支持多種編程語言和前端框架，幫助開發者快速實現智能化功能。

它的核心 SDK (包括 TypeScript, Python, Java 等版本)，提供簡化的 API 封裝與 WebAgent 服務的連接、認證等邏輯，同時提供易用的 API 讓開發者將企業應用的前端功能聲明為 MCP Server。針對不同前端框架（Vue、React、Angular、Vanilla）特性，它提供 API 以降低用戶在特定前端框架中的使用 MCP Server 和連接 WebAgent 的難度。

此外，它還提供一個適配器層，可以將任意前端 AI 對話框組件（包括 TinyRobot 組件）快速接入 WebAgent 服務。并且它支持抹平不同 LLM 差異，支持文字、語音等多模態輸入，使得 AI 對話框連接的 LLM 支持受控端的 MCP 工具調用。另外，它還提供動態生成二維碼功能，讓企業應用里的 MCP 服務成為 AI 對話框里可以讓 Agent 調用的工具。

當前市面上的MCP服務都是后端服務，但是如果用戶的后端服務Api想要改造成大模型可以理解的MCP服務，成本是非常高的，我們用這種逆向思維把MCP Server放在前端，這樣用戶是不需要對已有的后端Api進行改動，已有的業務邏輯如果已經封裝成前端的Api，則可以直接注冊成MCP Tool，前端的工具方法或者業務方法放在MCP Tool的回調里就完成了向AI提供工具的實現。
在這里插入圖片描述

WebAgent：智能體MCP服務代理

WebAgent 是連接 Agent 智能體與企業應用內置的 MCP 服務的手臂。提供 MCP 市場和動態添加 MCP 插件能力，支持 Agent 調用多個授權企業應用里的 MCP 服務。基于 OAuth 2.1 協議的授權機制，受控的企業應用擁有者可以精細化授權給指定的遙控端 AI 應用。支持 MCP 插件化架構，可連接企業內部的云服務（如對象存儲、數據庫）或本地工具（如代碼執行器），支持企業私有化部署，支持數據和模型調用均在企業內網，并提供多種維度的計費模型，支持用戶注冊、登錄、角色權限分配及管理等。支持多語言版本，與 MCP 官方 SDKs 相對應，分為 TypeScript、Python、Java 等版本。

在瀏覽器運行的 Web 應用都可以接入 Web Agent Server：
在這里插入圖片描述

TinyRobot：企業智能體個人助手

TinyRobot 是一個企業 AI 應用，支持 Agent 智能體識別用戶意圖，代替用戶自主完成跨多個企業應用的任務。TinyRobot 可調用的 MCP 服務來自 WebAgent 的 MCP 市場和動態添加的 MCP 插件。TinyRobot 會調用 NEXT-SDKs 的能力，實現掃碼動態添加 MCP 插件，以及抹平不同 LLM 差異實現 Agent 自主規劃和完成任務。

同時它也可以作為對話框組件庫使用，也可以當作瀏覽器擴展安裝，助力開發者快速構建各種對話框場景頁面。
在這里插入圖片描述

TinyVue NEXT：生成式UI智能組件庫

TinyVue 智能組件庫在傳統組件庫基礎上，支持在生成式 UI 場景中使用，AI 智能體可以根據用戶意圖，按需靈活選擇 TinyVue 的組件，呈現給用戶可視化的效果，并支持實時互動和交互。
在這里插入圖片描述

TinyEngine NEXT：智能應用低代碼引擎

TinyEngine智能低代碼引擎集成MCP能力，支持自然語言或圖片生成頁面，并提供可視化手動編輯與AI智能優化雙模式，幫助開發者快速構建應用。同時生成應用接入OpenTiny NEXT，支持 LLM 直接操控，可助力企業應用實現智能化升級。
在這里插入圖片描述

場景實踐

出差申請是企業高頻的辦公場景之一，卻常因「填表多、流程長」被吐槽。這里我們以“出差申請”場景為例，接入OpenTiny NEXT技術后，只需四個步驟，就能實現通過AI讓企業應用直接被操控，從而實現智能化，讓用戶直接輸入指令，就能完成整個出差流程閉環。
【實操視頻】https://www.bilibili.com/video/BV1v7pMzpEY4/?share_source=copy_web&vd_source=b20224008749f78db5628f8a1503a97f

立即體驗，共創智能前端未來

OpenTiny NEXT 即將正式發布，官網、文檔、示例、Demo 一站配齊：

🌐 官網：https://opentiny.design

📦 GitHub：https://github.com/opentiny （歡迎star）

💬 交流群：添加微信小助手 opentiny-official 回復【OpenTiny NEXT】

后續我們也會對 OpenTiny NEXT 技術做出詳細解讀，將陸續發布《一場 MCP 生態的變革 —— 詳解 OpenTiny NEXT 逆向思維的技術創新》技術文章，請大家敬請期待~

OpenTiny NEXT，讓每一個企業應用都能支持 AI 理解用戶意圖并自主完成任務，讓自然語言成為企業應用的下一代交互范式。

未來已來，歡迎上車！

同時歡迎大家進入代碼倉庫 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI、TinyEditor~
如果你也想要共建，可以進入代碼倉庫，找到 good first issue標簽，一起參與開源貢獻~

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/bicheng/98161.shtml
繁體地址，請注明出處：http://hk.pswp.cn/bicheng/98161.shtml
英文地址，請注明出處：http://en.pswp.cn/bicheng/98161.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！