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