Localized reading guide
ui-toolkit/webPurpose, usage and source
Reference skill for Zoom Video SDK UI Toolkit. Use after routing to a web video workflow when you want prebuilt React UI instead of building a fully custom Video SDK interface.
Source retrieved:
- Source repository
- anthropics/knowledge-work-plugins
- SKILL.md
partner-built/zoom-plugin/skills/ui-toolkit/SKILL.md- Repository stars
- 34,049
- Repository updated
- 2026-10-30
- Categories
- Development
- Last collected
License: License file needs review
Workflow excerpts are reading aids, not executable instructions from Codez. No third-party Skill was run to produce this page.
The purpose and workflow passages below are upstream material, organized and translated for reading. They are distinct from the separately labeled Codez editorial analysis.
What this Skill does
Reference skill for Zoom Video SDK UI Toolkit. Use after routing to a web video workflow when you want prebuilt React UI instead of building a fully custom Video SDK interface.
How the upstream workflow works
Overview
The Zoom Video SDK UI Toolkit is a pre-built video UI library that renders complete video conferencing experiences with minimal code. Unlike the raw Video SDK, the UI Toolkit provides: ✅ Ready-to-use UI - Professional video interface out of the box ✅ Zero UI code - No need to build video layouts, controls, or participant management ✅ Framework agnostic - Works with React, Vue, Angular, Next.js, vanilla JS
Upstream passage · L41 ↗🎯 Core Concepts
Understanding how UI Toolkit works: Composite vs Components - Two ways to use UI Toolkit (see skill.md) UI Toolkit Architecture - How it wraps Video SDK internally Feature Configuration - Understanding featuresOptions structure
Upstream passage · L350 ↗Zoom Video SDK UI Toolkit
Background reference for the prebuilt Zoom Video SDK UI Toolkit on web. Prefer choose-zoom-approach first when the user might still need Meeting SDK instead. Official Documentation: https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/ API Reference: https://marketplacefront.zoom.us/sdk/uitoolkit/web/ NPM Package: https://www.npmjs.com/package/@zoom/videosdk-zoom-ui-toolkit Live Demo: https://sdk.zoom.com/videosdk-uitoolkit
Requirements and setup
Installation
Note: React support depends on the UI Toolkit version. Check the package peer dependencies for your installed version (React 18 is commonly required).
Upstream passage · L63 ↗Prerequisites
Zoom Video SDK credentials from Zoom Marketplace React version compatible with your installed UI Toolkit package (check peer deps; React 18 is common)
Upstream passage · L300 ↗npm install @zoom/videosdk-zoom-ui-toolkit jsrsasign
npm install -D @types/jsrsasignLimits and quality checks
No separate limits passage was selected from this file. This does not mean the Skill is safe for every input or environment. Review the complete source and validate your own result.
Start with a safe trial
- Check the supported host and the repository installation instructions. Keep the Skill directory and its referenced scripts, assets and documentation together; SKILL.md alone may omit dependencies.
- Give the agent your real input, desired output and acceptance criteria. Invocation syntax and available tools depend on the host; this site does not assume a universal install command.
- Try the source workflow in a disposable project or on a copy. Review operations that change files, remote services or billable resources before allowing them.
- Validate the output against the source quality checks and your own requirements. A successful trigger or a high repository Star count does not establish a correct result.
Read further in the source
- Zoom Video SDK UI Toolkit
- Quick Links
- Overview
- Installation
- Troubleshooting
- JWT Token Generation (Server-Side)
- Next.js with basePath
- Prerequisites
- Resources
- Integrated Index
- 📚 Start Here
- 🎯 Core Concepts
- Getting Started
- Framework Integration
- Advanced Topics
- 📚 API Reference
- 🔧 Configuration
- Common Issues
- Framework-Specific Issues
- Session Issues
- 📦 Sample Applications
- 🌐 External Resources
- Beginner
- Intermediate
- Advanced
- Must-Remember Rules
- 📞 Support
- Environment Variables
Related Skills
Translation and scope
This reading guide selects passages from the pinned upstream SKILL.md. Translation is assisted. It is not a complete manual or a claim of tested compatibility. Read the original and its referenced files before use.
This introduction refers to the pinned version below; current repository activity and collection time are shown separately.
- Pinned source
- Read the original ↗
- Source retrieved
- Source commit
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d- Source SHA-256
7d792c9a772ce01ac8ec0634575df84404c83ec6bbb85de2da2c96b6780ea194