菜单
指导如何使用 WebMCP SDK库去开发WebAgent的技能包，将前端应用快速智能化。它包含 TinyRemoter，WebMcpServer，WebMcpClient，createRemoter， AI-Extension插件开发的文档及指南。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/opentiny/agent-skills --skill webmcp-sdk-skill命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
面向第三方 AI Agent 的安装与执行指南：如何使用 webmcp-cli 与浏览器页面交互。包含已注入 WebMCP 工具的页面领域专用工具说明。
当使用 TinyVue 组件库(@opentiny/vue)进行开发时或者配置 TinyVue 工程的国际化，主题配置，表单校验说明，自动导入组件等，一定要阅读本技能。本技能提供严格的 API 文档和示例，以及如何查找流程以及代码规范。
Guides TinyRobot Vue AI chat UI implementation, setup, and code generation. Use when the user mentions TinyRobot, OpenTiny TinyRobot, Bubble, Sender, Prompts, chat container, message list, conversation tools, or asks to build chat interfaces with TinyRobot components.
正在显示 SKILL.md
基于 SOC 职业分类
| name | webmcp-sdk-skill |
| description | 指导如何使用 WebMCP SDK库去开发WebAgent的技能包，将前端应用快速智能化。它包含 TinyRemoter，WebMcpServer，WebMcpClient，createRemoter， AI-Extension插件开发的文档及指南。 |
| license | MIT |
| metadata | {"author":"opentiny","version":"1.0.0"} |
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 大模型配置指南 |
