ui-toolkit
$
npx mdskill add openai/plugins/ui-toolkitBuilds a custom Zoom Video SDK session with prebuilt UI components
- Enables developers to embed Zoom Video SDK sessions with minimal UI setup
- Relies on Zoom Video SDK, server-side signature generation, and UI Toolkit components
- Routes to Meeting SDK skill if user needs actual Zoom meetings instead of Video SDK
- Delivers a configured UI toolkit integration with theming, permissions, and session controls
SKILL.md
.github/skills/ui-toolkitView on GitHub ↗
--- 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. Set up the required Video SDK session credentials and server-side signature generation. 3. Pick the UI Toolkit integration shape and mount it inside the app shell. 4. Configure session join, leave, media permissions, chat, captions, recordings, and theming based on product requirements. 5. Keep custom UI needs explicit; if the user needs deep media layout control, route to `build-zoom-video-sdk-app`. 6. 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) - 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)
More from openai/plugins
- accessibility-and-inclusive-visualizationMake data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.
- agent-browserBrowser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms, click buttons, take screenshots, extract data, or automate any browser task. Also triggers when a dev server starts so you can verify it visually.
- agent-browser-verifyAutomated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads, checks for console errors, validates key UI elements, and reports pass/fail before continuing.
- agents-sdkBuild AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, or chat applications. Covers Agent class, state management, callable RPC, Workflows integration, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.
- ai-elementsAI Elements component library guidance — pre-built React components for AI interfaces built on shadcn/ui. Use when building chat UIs, message displays, tool call rendering, streaming responses, reasoning panels, or any AI-native interface with the AI SDK.
- ai-gatewayVercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified API.
- ai-generation-persistenceAI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation
- ai-sdkVercel AI SDK expert guidance. Use when building AI-powered features — chat interfaces, text generation, structured output, tool calling, agents, MCP integration, streaming, embeddings, reranking, image generation, or working with any LLM provider.
- aiq-deploy|
- aiq-research|