OpenTiny-NEXT-SDK重磅发布-四步脚本实现前端智能应用

作者:互联网

2026-03-22

AI快讯

在AI Agent技术快速发展的当下,用户对AI的需求已从简单的问答交互升级为任务执行能力。OpenTiny NEXT-SDK作为前端智能应用开发工具包,通过MCP协议为Web应用赋予AI操控能力,让智能体可以直接读取界面信息并执行操作。

该工具包主要提供三大核心功能:

功能实现脚本: 1. 将普通前端应用改造为MCP Server 2. 通过标准MCP协议实现AI Agent操控 3. 快速集成智能对话组件

项目具有显著技术优势:

  • 扩展MCP能力边界:相比传统RPA方案,提供更快、更精准的Web应用操控能力
  • 生态兼容性强:采用标准MCP协议,无缝对接现有MCP生态系统
  • 创新交互模式:支持生成式UI,实现智能体与前端界面的新型交互
  • 多场景适配:覆盖浏览器扩展、Web页面、终端内置助手等多种部署场景

快速集成指南只需四个步骤:

安装脚本: npm install @opentiny/next-sdk
客户端配置脚本: import { WebMcpClient, createMessageChannelPairTransport } from '@opentiny/next-sdk' const [serverTransport, clientTransport] = createMessageChannelPairTransport() const client = new WebMcpClient() await client.connect(clientTransport)
服务端配置脚本: const server = new WebMcpServer({name: 'mcp-server-page1',version: '1.0.0'}) server.registerTool('demo-tool',{...},async (params) => {...}) await server.connect(serverTransport)
遥控器集成脚本: npm install @opentiny/next-remoter import { TinyRemoter } from '@opentiny/next-remoter'

项目提供在线体验平台和完整文档支持:

  • 演练场地址:https://playground.opentiny.design/next-sdk
  • 官方文档:https://docs.opentiny.design/next-sdk
  • GitHub仓库:https://github.com/opentiny/next-sdk

通过OpenTiny NEXT-SDK,开发者可以快速将传统Web应用升级为智能应用,显著提升产品竞争力与用户体验。

相关标签:

AIAgent MCP协议 前端应用 智能操控 Web端 智能体