WebMCP SDK 使用助手

WebMCP-SDK 是一套前端智能应用开发工具包，曾用名称NEXT-SDKs也是同一个库。它旨在简化 WebAgent 的集成与使用，内置了 Vue 版本的TinyRemoter组件和 WebMcpServer，WebMcpClient 等重要的类。

安装方式

用户使用 WebMCP-SDK 库，需要安装 @opentiny/next-sdk 的 npm 包。用户使用 TinyRemoter 组件，需要安装 @opentiny/next-remoter 的 npm 包。

使用方法

根据任务类型，查阅对应的规则文档并严格遵循规范：

规则文档	适用场景
快速开始	WebMCP-SDK 库和 TinyRemoter 的入门指南
接入三方 AI 应用	如何在各类 IDE 开发软件中，配置 mcpservers
Electron 应用接入	如何在 Electron 工程中接入 WebMCP-SDK
uni-app 应用接入	如何在 uni-app 工程中接入 WebMCP-SDK
本地连接	如何支持 iframe 方式接入 WebMCP-SDK 库
WebAgent 私有化部署	WebAgent 私有化部署用户指导书
总览	WebMCP + WebSkills：企业级智能化页面操控方案
Vue 工程最佳实践	Vue 工程的 WebMCP + WebSkills：企业级智能化页面操控方案
Angular 工程最佳实践	Angular 工程的 WebMCP + WebSkills：企业级智能化页面操控方案
React 工程最佳实践	React 工程的 WebMCP + WebSkills：企业级智能化页面操控方案
WebMcpClient 类	WebMcpClient 的完整文档
WebMcpServer 类	WebMcpServer 的完整文档
AgentModelProvider 类	AgentModelProvider 的完整文档
createRemoter 函数	createRemoter 的完整文档
工具函数	WebMCP-SDK 库中导出的重要函数的完整文档
TinyRemoter 文档	TinyRemoter 的完整文档
Skills 技能配置指南	WebSkills 的规范以及如何配置给 TinyRemoter 使用
Custom llm 自定义大模型	TinyRemoter 的 llmConfig 和 agentRoot 自定义配置的文档
自定义 AI 对话框组件	useNextAgent 的使用文档，以及如何接入其它厂商的 UI
技术架构	AI-Extension 浏览器插件技术架构文档
MCP Servers 工具开发指南	AI-Extension 中的 mcp-servers 开发指南
Skills 技能开发指南	AI-Extension 中的 Skills 技能开发指南
AI Extension 插件安装指南	AI Extension 扩展插件安装指南
配置大模型	AI Extension 中，如何自定义 AI 大模型配置指南

webmcp-sdk-skill

WebMCP SDK 使用助手

安装方式

使用方法