Agent Native

ui-toolkit

This skill helps integrate Zoom's prebuilt Video SDK UI Toolkit for custom video sessions with web applications.

by ZoomOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (zoom)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
License
MIT (permissive)
Pin
1093682pinned Oct 9, 2026
Context cost
about 350 tokenswhen the skill loads
GitHub stars
2on zoom/zoom-plugin-codex
Scripts
None found

What it does

“Use when using Zoom UI Toolkit.”
The author's description, from SKILL.md

Generated summary from the skill's own text

This skill helps integrate Zoom's prebuilt Video SDK UI Toolkit for custom video sessions with web applications. It covers creating Video SDK credentials, setting up server-side token generation, configuring the UI component, and managing session features like chat, captions, and recordings. Use this when building a custom Zoom experience, not for joining standard Zoom meetings.

When to use it

  • Building custom Zoom video experiences with prebuilt UI components
  • Implementing Video SDK sessions with authentication and configuration
  • Adding video features like chat, captions, and recordings to web apps
  • Configuring media permissions and session join/leave flows

When not to

  • Users need to join standard Zoom meetings instead of Video SDK sessions
  • Deep media layout control or custom video rendering is required
  • Building native mobile applications

Install

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add zoom/zoom-plugin-codex --skill ui-toolkit

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install zoom/zoom-plugin-codex ui-toolkit@10936829584d5b232e8edd9e6a6cab48729d2c52

Installs the commit we checked (1093682).

Copy by hand

Download the folder at 1093682 and put it in .claude/skills/ui-toolkit for Claude Code and in .agents/skills/ui-toolkit for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at 1093682

Claude Code plugin

/plugin install zoom-plugin@claude-plugins-official

The publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "ui-toolkit" by Zoom.

Source, pinned to commit 10936829584d5b232e8edd9e6a6cab48729d2c52:
https://github.com/zoom/zoom-plugin-codex/tree/10936829584d5b232e8edd9e6a6cab48729d2c52/skills/ui-toolkit

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/ui-toolkit/ for Claude Code and .agents/skills/ui-toolkit/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Listing and checks: https://www.agentnative.dev/skills/zoom/ui-toolkit

SKILL.md at the pin

---
name: ui-toolkit
description: Use when using Zoom UI Toolkit.
---

# Zoom Video SDK UI Toolkit

Use this skill when the user wants a prebuilt web UI for a custom Zoom Video SDK session. If the user needs an actual Zoom meeting, route to `build-zoom-meeting-sdk-app` instead.

## Workflow

1. Confirm product fit: UI Toolkit is for Video SDK custom sessions, not Meeting SDK joins.
2. Create or verify the Video SDK Marketplace app and credential shape.
3. Set up the required Video SDK session credentials and server-side signature generation.
4. Pick the UI Toolkit integration shape and mount it inside the app shell.
5. Configure session join, leave, media permissions, chat, captions, recordings, and theming based on product requirements.
6. Keep custom UI needs explicit; if the user needs deep media layout control, route to `build-zoom-video-sdk-app`.
7. Debug browser permissions, cross-origin isolation, token generation, package version mismatch, and unsupported paid features separately.

## References

- Full preserved guide: [references/full-guide.md](references/full-guide.md)
- Marketplace app management: [../rest-api/references/marketplace-apps.md](../rest-api/references/marketplace-apps.md)
- Environment variables: [references/environment-variables.md](references/environment-variables.md)
- Common issues: [troubleshooting/common-issues.md](troubleshooting/common-issues.md)
- Video SDK Web: [../video-sdk/web/SKILL.md](../video-sdk/web/SKILL.md)

From zoom/zoom-plugin-codex at 1093682, shown as plain text under its license: MIT (permissive). The license text is in LICENSE.

View SKILL.md on GitHub at 1093682

Files

5 files, 23 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at 1093682
All 50 skills from Zoom

More from Zoom

  • build-zoom-bot

    This skill guides building Zoom bots that join meetings, capture media, or process live transcripts using Meeting SDK and RTMS.

    Claude Code, Codex, Cursor +4 · about 300 tokens · pinned 6 days ago

  • build-zoom-contact-center-app

    This skill provides implementation guidance for Zoom Contact Center integrations across desktop apps, web embeds, and native mobile platforms.

    Claude Code, Codex, Cursor +3 · about 1.2K tokens · pinned 6 days ago

  • build-zoom-meeting-app

    This skill guides agents in building embedded Zoom meeting applications by helping select appropriate SDKs, plan authentication flows, and route to Meeting…

    Claude Code, Codex, Cursor +4 · about 310 tokens · pinned 6 days ago

  • build-zoom-meeting-sdk-app

    This skill provides reference guidance for implementing Zoom Meeting SDK across web, mobile, desktop, and Linux platforms.

    Claude Code, Codex, Cursor +3 · about 2.7K tokens · pinned 6 days ago

  • build-zoom-phone-integration

    This skill provides reference guidance for implementing Zoom Phone integrations using OAuth, REST APIs, webhooks, Smart Embed iframe components, URI schemes…

    Claude Code, Codex, Cursor +3 · about 1.1K tokens · pinned 6 days ago

  • build-zoom-rest-api-app

    This skill provides comprehensive reference documentation and examples for building server-side integrations with the Zoom REST API, covering 600+ endpoints…

    Claude Code, Codex, Cursor +3 · about 6.7K tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • next-bundle-optimizer

    Audits Next.js applications to identify and reduce browser bundle size and initial-load work by analyzing routes, dependencies and client outputs.

    by VercelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 2.3K tokens · pinned 6 days ago

  • next-cache-components-optimizer

    Optimize Next.js routes to display meaningful UI instantly on initial load or client navigation by encoding the optimization goal as a failing…

    by VercelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 5.6K tokens · pinned 6 days ago

  • next-partial-prefetching-adoption

    Enables Partial Prefetching in Next.js 16.3+ apps and guides adoption through auditing Link prefetch behavior, preserving UI in tests or manually, and…

    by VercelOfficial publisher

    Claude Code, Codex, Cursor +4 · about 6.7K tokens · pinned 6 days ago

  • remotion-interactivity

    This skill teaches how to structure Remotion code so the Studio IDE recognizes and makes it interactive.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 2.4K tokens · pinned 6 days ago

  • remotion-interactivity

    This skill teaches how to structure Remotion video components to unlock Studio interactivity features like click selection, drag-and-drop, resizing, rotation…

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 4.8K tokens · pinned 6 days ago

  • remotion-maps

    This skill enables creating map-based animations with Remotion using four different mapping libraries: Mapbox, MapLibre, MapTiler, or CesiumJS.

    by RemotionOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use