C✳CODEZ.WIN
🌐 日本語

ローカライズされた読書ガイド

ui-toolkit/web目的、用途、および情報源

Zoom Video SDK UIツールキットのリファレンススキルです。Webビデオワークフローにルーティングした後、完全にカスタムのVideo SDKインターフェースを構築する代わりに、事前に構築されたReact UIを使用したい場合に使用します。

ソースを取得しました:

出典リポジトリ
anthropics/knowledge-work-plugins
SKILL.md
partner-built/zoom-plugin/skills/ui-toolkit/SKILL.md
リポジトリの Star
34,049
リポジトリの最終更新
2026-10-30
能力分類
開発
最終収集時刻

ライセンス: ライセンスファイル未検証

ワークフローの抜粋は、Codezによる実行可能な指示ではなく、あくまでも参考資料です。このページを作成するために、サードパーティ製のスキルは実行されていません。

以下の目的とワークフローに関する記述は、上流工程に関する資料であり、読みやすいように整理・翻訳されています。これらは、別途ラベル付けされたCodez編集分析とは区別されます。

このスキルが何をするか

Zoom Video SDK UIツールキットのリファレンススキルです。Webビデオワークフローにルーティングした後、完全にカスタムのVideo SDKインターフェースを構築する代わりに、事前に構築されたReact UIを使用したい場合に使用します。

上流ワークフローの仕組み

概要

Zoom Video SDK UI Toolkit は、最小限のコードで完全なビデオ会議エクスペリエンスをレンダリングする、事前に構築されたビデオ UI ライブラリです。生の Video SDK とは異なり、UI Toolkit は次の機能を提供します。✅ すぐに使用できる UI - すぐに使えるプロフェッショナルなビデオ インターフェイス ✅ UI コードが不要 - ビデオ レイアウト、コントロール、または参加者管理を構築する必要はありません ✅ フレームワークに依存しない - React、Vue、Angular、Next.jsバニラJS

上流への航路 · L41 ↗

🎯 コアコンセプト

UI Toolkit の仕組みを理解する: コンポジットとコンポーネント - UI Toolkit を使用する 2 つの方法 (参照)skill.mdUIツールキットのアーキテクチャ - ビデオSDKを内部的にどのようにラップしているか 機能構成 - featuresOptions構造の理解

上流への航路 · L350 ↗

Zoom Video SDK UIツールキット

ウェブ上で事前に構築されたZoom Video 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

上流への航路 · L15 ↗

要件とセットアップ

インストール

注: React のサポートは UI Toolkit のバージョンに依存します。インストールされているバージョン (React) のパッケージピア依存関係を確認してください。18(一般的に必要とされる)。

上流への航路 · L63 ↗

前提条件

Zoom Marketplace から取得した Zoom Video SDK の認証情報、インストール済みの UI Toolkit パッケージと互換性のある React バージョン (ピア依存関係を確認してください。React)18(一般的です)

上流への航路 · L300 ↗
上流への航路 · bash ↗
npm install @zoom/videosdk-zoom-ui-toolkit jsrsasign
npm install -D @types/jsrsasign

制限事項と品質チェック

このファイルからは、個別の制限に関する記述は選択されていません。これは、このスキルがあらゆる入力や環境において安全であることを意味するものではありません。ソースコード全体を確認し、ご自身で結果を検証してください。

まずは安全なトライアルから始めましょう

  1. サポートされているホストとリポジトリのインストール手順を確認してください。スキルディレクトリと、それに関連付けられているスクリプト、アセット、ドキュメントはまとめて保管してください。SKILL.md単独では依存関係を省略できる場合があります。
  2. エージェントに実際の入力、希望する出力、および受け入れ基準を指定してください。呼び出し構文と利用可能なツールはホストによって異なります。このサイトは、汎用的なインストールコマンドを前提としていません。
  3. 使い捨てプロジェクトまたはコピーで、元のワークフローを試してみてください。ファイル、リモートサービス、または課金対象リソースを変更する操作は、許可する前に必ず確認してください。
  4. 出力結果をソースの品質チェックおよび独自の要件と照らし合わせて検証してください。トリガーが成功したことやリポジトリのスター数が多いことだけでは、正しい結果とは言えません。

スキルフォーマットとディレクトリの仕様 ↗

詳細は出典元をご覧ください。

翻訳と範囲

この読書ガイドは、ピン留めされた上流からの抜粋を選りすぐっていますSKILL.md翻訳は補助的なものです。完全なマニュアルではなく、互換性テスト済みであることを保証するものでもありません。ご使用前に原文および参照ファイルをお読みください。

この紹介文は、下記に固定表示されているバージョンに関するものです。現在のリポジトリのアクティビティと収集時間は別途表示されます。

ピン留めされたソース
原文を読む ↗
ソースを取得しました
ソースコミット
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d
ソースSHA-256
7d792c9a772ce01ac8ec0634575df84404c83ec6bbb85de2da2c96b6780ea194
スキルカタログ全体に戻る