Skill 多语言阅读指南
ui-toolkit/web用途、用法与原始来源
Zoom Video SDK UI 工具包的参考技能。在路由到 Web 视频工作流程后，如果您想要使用预构建的 React UI 而不是构建完全自定义的 Video SDK 界面，请使用此技能。
原文采集时间:
- SKILL.md
partner-built/zoom-plugin/skills/ui-toolkit/SKILL.md- 仓库 Star
- 34,049
- 仓库最近更新
- 2026/10/30
- 能力分类
- 开发
- 最近采集时间
许可：许可文件待核验
流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill，不属于实测评测。
下面的用途和操作片段来自上游文档，由本站整理并翻译，和另行标注的 Codez 编辑分析分开展示。
这个 Skill 能做什么
Zoom Video SDK UI 工具包的参考技能。在路由到 Web 视频工作流程后，如果您想要使用预构建的 React UI 而不是构建完全自定义的 Video SDK 界面，请使用此技能。
如何使用：上游操作流程
概述
Zoom 视频 SDK UI 工具包是一个预构建的视频 UI 库，只需少量代码即可呈现完整的视频会议体验。与原始视频 SDK 不同，该 UI 工具包提供：✅ 即用型 UI - 开箱即用的专业视频界面 ✅ 零 UI 代码 - 无需构建视频布局、控件或参与者管理 ✅ 框架无关 - 可与 React、Vue、Angular 等框架配合使用Next.js原生JS
原文片段 · L41 ↗🎯 核心概念
了解 UI Toolkit 的工作原理：组合组件与组件 - 使用 UI Toolkit 的两种方式（参见）skill.mdUI 工具包架构 - 它如何内部封装视频 SDK；功能配置 - 理解功能选项结构
原文片段 · L350 ↗Zoom 视频 SDK UI 工具包
网页版预构建 Zoom 视频 SDK UI 工具包的背景参考。首选choose-zoom-approach首先，用户可能仍然需要 Meeting SDK。官方文档：https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/API参考：https://marketplacefront.zoom.us/sdk/uitoolkit/web/NPM 包：https://www.npmjs.com/package/@zoom/videosdk-zoom-ui-toolkit在线演示：https://sdk.zoom.com/videosdk-uitoolkit
环境与依赖
先决条件
从 Zoom Marketplace 获取 Zoom Video SDK 凭据；React 版本需与您已安装的 UI Toolkit 包兼容（检查依赖项）。18很常见）
原文片段 · L300 ↗npm install @zoom/videosdk-zoom-ui-toolkit jsrsasign
npm install -D @types/jsrsasign限制与结果检查
本次未从该文件选出独立的限制片段，不代表适用于所有输入或环境。请阅读完整原文，并自行验证实际结果。
开始使用前
- 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档，只复制 SKILL.md 可能漏掉依赖。
- 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境，本站不假定存在通用的安装命令。
- 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作，应逐项核对后再授权。
- 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高，都不能证明结果正确。
继续阅读原始文档
相关 Skill
翻译与介绍范围
本页从固定版本的上游 SKILL.md 整理用途与操作片段，译文使用辅助翻译。它不是完整手册，也不代表经过兼容性实测；使用前请核对原文及其引用文件。
介绍依据下方列出的固定版本；当前仓库动态和目录采集时间单独展示。
- 固定版本来源
- 阅读原文 ↗
- 原文采集时间
- 来源提交版本
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d- 原文 SHA-256
7d792c9a772ce01ac8ec0634575df84404c83ec6bbb85de2da2c96b6780ea194