WebMCP-SDK is a frontend intelligent application development toolkit, formerly namedNEXT-SDKsis also the same library. It is designed to simplify the integration and use of WebAgent, and includes a Vue version of theTinyRemotercomponent and important classes such as WebMcpServer and WebMcpClient.
Installation
To use the WebMCP-SDK library, users need to install the @opentiny/next-sdk npm package.
To use the TinyRemoter component, users need to install the @opentiny/next-remoter npm package.
Usage
According to the task type, consult the corresponding rule document and strictly follow the specifications:
| Rule Document | Applicable Scenario |
|---|---|
| Quick Start | Getting started guide for the WebMCP-SDK library and TinyRemoter |
| Integrating Third-Party AI Applications | How to configure mcpservers in various IDE development software |
| Electron Application Integration | How to integrate WebMCP-SDK in an Electron project |
| uni-app Application Integration | How to integrate WebMCP-SDK in a uni-app project |
| Local Connection | How to support integrating the WebMCP-SDK library via iframe |
| WebAgent Private Deployment | WebAgent private deployment user guide |
| Overview | WebMCP + WebSkills: Enterprise-level intelligent page control solution |
| Vue Project Best Practices | WebMCP + WebSkills for Vue projects: Enterprise-level intelligent page control solution |
| Angular Project Best Practices | WebMCP + WebSkills for Angular projects: Enterprise-level intelligent page control solution |
| React Project Best Practices | WebMCP + WebSkills for React projects: Enterprise-level intelligent page control solution |
| WebMcpClient Class | Complete documentation for WebMcpClient |
| WebMcpServer Class | Complete documentation for WebMcpServer |
| AgentModelProvider Class | Complete documentation for AgentModelProvider |
| createRemoter Function | Complete documentation for createRemoter |
| Utility Functions | Complete documentation for important functions exported from the WebMCP-SDK library |
| TinyRemoter Documentation | Complete documentation for TinyRemoter |
| Skills Configuration Guide | WebSkills specifications and how to configure them for use with TinyRemoter |
| Custom llm Custom Large Model | Documentation for TinyRemoter's llmConfig and agentRoot custom configuration |
| Custom AI Dialog Component | Usage documentation for useNextAgent, and how to integrate other vendors' UI |
| Technical Architecture | AI-Extension browser plugin technical architecture document |
| MCP Servers Tool Development Guide | mcp-servers development guide in AI-Extension |
| Skills Development Guide | Skills Development Guide in AI-Extension |
| AI Extension Plugin Installation Guide | AI Extension Plugin Installation Guide |
| Configure Large Model | In AI Extension, How to Customize AI Large Model Configuration Guide |