ui-toolkit — скилл для Codex: готовый UI для Zoom Video SDK
Скилл подсказывает агенту, как подключить предсобранный веб-интерфейс Zoom Video SDK и настроить сессию. Пригодится, если нужна кастомная сессия, а не обычная встреча Zoom.
npx skills add openai/plugins --skill ui-toolkit -a codexЧто делает ui-toolkit
Скилл ведёт агента по шагам: сначала проверяет, что задача про кастомную сессию Video SDK, а не про вход в Meeting SDK. Дальше — настройка учётных данных сессии и генерация подписи на сервере, потом выбор формы интеграции UI Toolkit и монтирование внутри оболочки приложения.
Отдельно агент разбирает подключение к сессии, выход, разрешения на медиа, чат, субтитры, записи и тему оформления. Если нужен глубокий контроль над раскладкой медиа, скилл отправляет к build-zoom-video-sdk-app. Отладка тоже разложена по полочкам: права браузера, cross-origin isolation, генерация токена, несовпадение версий пакетов и платные функции, которые не поддерживаются.
Внутри есть ссылки на полное руководство, переменные окружения и частые проблемы. Учитывайте: подпись сессии генерируется на сервере, поэтому одной фронтенд-части мало — понадобится бэкенд для токенов.
Какие задачи решает
- поднять предсобранный веб-интерфейс для кастомной сессии Zoom Video SDK
- сгенерировать подпись сессии на сервере и передать её клиенту
- настроить вход и выход из сессии, разрешения на камеру и микрофон
- включить чат, субтитры и записи в интерфейсе сессии
- разобраться с cross-origin isolation и правами браузера при отладке
Примеры запросов агенту
- Подключи ui-toolkit и собери предсобранный интерфейс для кастомной сессии Zoom Video SDK
- Нужен чат и субтитры в интерфейсе сессии — настрой через ui-toolkit
- Помоги отладить генерацию токена и права браузера в ui-toolkit
Как установить ui-toolkit
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill ui-toolkit -a codex2Вручную: положить файлы
.agents/skills/ui-toolkit/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill ui-toolkit -a claude-code2Вручную: положить файлы
~/.claude/skills/ui-toolkit/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/ui-toolkit/
Вручную: положить файлы
.cursor/skills/ui-toolkit/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install openai/plugins ui-toolkit2Вручную: положить файлы
.github/skills/ui-toolkit/SKILL.mdКомандой платформы
gemini skills install https://github.com/openai/plugins --path plugins/zoom/skills/ui-toolkitВручную: положить файлы
.devin/skills/ui-toolkit/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать
Вопросы о ui-toolkit
Как установить ui-toolkit в Claude?
Выполните npx skills add openai/plugins --skill ui-toolkit -a codex, затем файл скилла окажется по пути .agents/skills/ui-toolkit/SKILL.md.
Что делает ui-toolkit?
Проводит агента по подключению предсобранного веб-интерфейса Zoom Video SDK: настройка учётных данных сессии, генерация подписи на сервере, монтирование интерфейса и конфигурация чата, субтитров, записей и темы.
Чем ui-toolkit отличается от других скиллов Zoom?
Он рассчитан на кастомные сессии Video SDK, а не на вход в Meeting SDK. Для глубокого контроля над раскладкой медиа скилл перенаправляет к build-zoom-video-sdk-app.
Исходный текст
SKILL.md · MIT
--- 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)
© Zoom · MIT · openai/plugins
