К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot официальный · Anthropic

build-zoom-contact-center-app — скилл для Claude Code

Справочный скилл по архитектуре Zoom Contact Center. Помогает настроить интеграцию для клиента Zoom, веб-виджетов и мобильных SDK на iOS и Android.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add anthropics/knowledge-work-plugins --skill build-zoom-contact-center-app -a claude-code
npx skills add anthropics/knowledge-work-plugins --skill contact-center -a claude-code
Открыть на GitHub

Что делает build-zoom-contact-center-app

Скилл предоставляет архитектурные шаблоны и правила интеграции с Zoom Contact Center. Он разделяет сценарии по платформам: встроенные приложения клиентского терминала на базе Zoom Apps SDK, веб-виджеты чата или видео, а также нативные сборки для iOS и Android. Для очередей и управления вызовами документация требует связки со скиллом REST API.

Внутри разобран стандартный жизненный цикл сессии. Сначала агент инициализирует контекст и готовит канал через entryId для чата или apiKey для обратного звонка и кампаний. Затем регистрируются слушатели событий до старта интерфейса. Завершается цепочка освобождением ресурсов и вызовом logout или закрытием сессии.

Скилл учитывает смену состояний диалога: удержание, возврат и завершение. Это критично для боковых панелей оператора. Заметки должны сохраняться по engagementId даже при переключении контекста.

Какие задачи решает

  • Настроить виджеты чата и видеокампаний на веб-сайте
  • Подключить нативные мобильные SDK для iOS и Android
  • Обработать смену состояний контакта и удержание вызова
  • Сохранять заметки оператора по engagementId при смене контекста
  • Интегрировать софтфон Smart Embed CRM через события postMessage

Примеры запросов агенту

  • Помоги настроить обработку onengagementstatuschange для виджета Zoom Contact Center
  • Как сохранять заметки оператора по engagementId при смене контекста в клиенте Zoom?
  • Покажи жизненный цикл подключения нативного iOS SDK для видеосвязи в ZCC

Как установить build-zoom-contact-center-app

1Через Skills CLI (Vercel)

npx skills add anthropics/knowledge-work-plugins --skill build-zoom-contact-center-app -a claude-code
npx skills add anthropics/knowledge-work-plugins --skill contact-center -a claude-code

2Вручную: положить файлы

~/.claude/skills/contact-center/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/contact-center/

Из того же набора89

Весь набор →
data-visualization официальный anthropics Подбирает подходящие типы графиков под структуру данных и генерирует код на Python с matplotlib, seaborn и plotly. Пригодится при подготовке отчётов. Claude Code CX Codex Cursor +1 13 700установок documentation официальный anthropics Скилл для технического письма: собирает README, справочник по API, ранбук, архитектурный документ или гайд для новичков. Пригодится, когда код есть, а описания к нему нет. Claude Code CX Codex Cursor +1 10 300установок build-dashboard официальный anthropics Генерирует автономный HTML-дашборд с графиками Chart.js, карточками KPI и таблицами. Помогает быстро оформить результаты запроса или сырые данные в один файл для браузера. Claude Code CX Codex Cursor +1 9 100установок memory-management официальный anthropics Скилл раскладывает рабочие сокращения, имена и термины по файлам памяти, чтобы агент учитывал их в запросах. Пригодится для проектов с внутренним словарём и множеством контекстных деталей. Claude Code CX Codex Cursor +1 7 400установок task-management официальный anthropics Ведёт список задач в локальном файле TASKS.md и показывает интерактивный дашборд. Пригодится, чтобы фиксировать дедлайны и поручения прямо во время диалога с агентом. Claude Code CX Codex Cursor +1 7 200установок architecture официальный anthropics Помогает оформить Architecture Decision Record или разобрать чужой дизайн системы: варианты, компромиссы, последствия. Пригодится, когда выбираете между технологиями. Claude Code CX Codex Cursor +1 6 700установок knowledge-synthesis официальный anthropics Скилл объединяет результаты корпоративного поиска из чатов, почты и документов в один связный ответ. Убирает дубли, выставляет уровень доверия и сохраняет ссылки на источники. Claude Code CX Codex Cursor +1 6 400установок testing-strategy официальный anthropics Скилл помогает спроектировать стратегию тестирования и план проверок для проекта. Пригодится, когда нужно выбрать типы тестов и найти пробелы в покрытии. Claude Code CX Codex Cursor +1 6 400установок

Похожие

artifacts-builder nexu-io Скилл помогает создавать сложные многокомпонентные HTML-артефакты для claude.ai. В работе опирается на React и Tailwind CSS с библиотекой shadcn/ui. Claude Code CX Codex Cursor +1 2 700установок gsap-framer-scroll-animation официальный Utkarsh Patrikar Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS. GitHub Copilot 3 900установок magic-ui magicuidesign Скилл magic-ui учит Claude Code работать с компонентами Magic UI в React и Next.js: выбирать анимации, ставить через shadcn-реестр и проверять доступность. Claude Code CX Codex Cursor +1 1 200установок unit-test-vue-pinia официальный github Помогает писать и проверять юнит-тесты для Vue 3, TypeScript, Vitest и Pinia. Пригодится, когда тесты уже есть, но лезут во внутренности компонентов. GitHub Copilot 1 800установок swiftui-liquid-glass официальный OpenAI Скилл помогает создавать и проверять интерфейсы SwiftUI с Liquid Glass для iOS 26+. Он нужен при внедрении эффекта, ревью и проверке fallback-сценариев. CX Codex GP ChatGPT 121установок react19-test-patterns официальный github Подсказывает, как обновить тесты для совместимости с React 19. Пригодится при миграции с React 18, особенно если тесты используют react-dom/test-utils или проверяют число вызовов эффектов. GitHub Copilot 1 200установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о build-zoom-contact-center-app

Как установить build-zoom-contact-center-app в Claude Code?

Выполните в терминале команду npx skills add anthropics/knowledge-work-plugins --skill build-zoom-contact-center-app -a claude-code.

Что делает скилл build-zoom-contact-center-app?

Он предоставляет готовые шаблоны интеграции с Zoom Contact Center, правила маршрутизации между веб-, мобильными и десктопными SDK, а также схемы обработки жизненного цикла сессий.

Нужны ли дополнительные модули для работы с REST API?

Да, для управления очередями и контроля вызовов скилл рекомендует подключать отдельный модуль REST API, а для авторизации в клиенте — связку с OAuth.

Исходный текст

SKILL.md · Apache-2.0
---
name: build-zoom-contact-center-app
description: "Reference skill for Zoom Contact Center. Use after routing to a contact-center workflow when implementing app, web, or native integrations; engagement context and state handling; campaigns; callbacks; or version-drift troubleshooting."
triggers:
  - "contact center sdk"
  - "zoom contact center"
  - "zcc"
  - "engagement context"
  - "engagement status"
  - "campaign sdk"
  - "scheduled callback"
  - "getengagementcontext"
  - "onengagementstatuschange"
  - "zoom contact center app"
---

# /build-zoom-contact-center-app

Background reference for Zoom Contact Center integrations across app, web, and native mobile surfaces.

Implementation guidance for Zoom Contact Center across:
- Contact Center apps in the Zoom client (Zoom Apps SDK path)
- Web channel embeds (chat/video/campaign)
- Native mobile SDKs (Android/iOS)

Official docs:
- https://developers.zoom.us/docs/contact-center/
- https://developers.zoom.us/docs/contact-center/web/sdk-reference/
- https://marketplacefront.zoom.us/sdk/contact/android/index.html
- https://marketplacefront.zoom.us/sdk/contact/ios/index.html

## Routing Guardrail

- If the user is building an app inside the Zoom Contact Center desktop client, stay on the Zoom Apps SDK path and use this skill plus `zoom-apps-sdk`.
- If the user is embedding chat/video widgets on a website, route to [web/SKILL.md](web/SKILL.md).
- If the user is integrating native Android or iOS SDK binaries, route to [android/SKILL.md](android/SKILL.md) or [ios/SKILL.md](ios/SKILL.md).
- If the user needs Contact Center call-control or queue APIs, chain with [../rest-api/SKILL.md](../rest-api/SKILL.md).

## Quick Links

Start here:
1. [concepts/architecture-and-lifecycle.md](concepts/architecture-and-lifecycle.md)
2. [scenarios/high-level-scenarios.md](scenarios/high-level-scenarios.md)
3. [references/forum-top-questions.md](references/forum-top-questions.md)
4. [references/versioning-and-compatibility.md](references/versioning-and-compatibility.md)
5. [references/samples-validation.md](references/samples-validation.md)
6. [references/environment-variables.md](references/environment-variables.md)
7. [troubleshooting/common-drift-and-breaks.md](troubleshooting/common-drift-and-breaks.md)
8. [RUNBOOK.md](RUNBOOK.md)

Platform skills:
- [android/SKILL.md](android/SKILL.md)
- [ios/SKILL.md](ios/SKILL.md)
- [web/SKILL.md](web/SKILL.md)

## Documentation Structure

```
contact-center/
├── SKILL.md
├── RUNBOOK.md
├── concepts/
│   └── architecture-and-lifecycle.md
├── scenarios/
│   └── high-level-scenarios.md
├── references/
│   ├── versioning-and-compatibility.md
│   ├── samples-validation.md
│   └── environment-variables.md
├── troubleshooting/
│   └── common-drift-and-breaks.md
├── android/
│   ├── SKILL.md
│   ├── concepts/sdk-lifecycle.md
│   ├── examples/service-patterns.md
│   ├── references/android-reference-map.md
│   └── troubleshooting/common-issues.md
├── ios/
│   ├── SKILL.md
│   ├── concepts/sdk-lifecycle.md
│   ├── examples/service-patterns.md
│   ├── references/ios-reference-map.md
│   └── troubleshooting/common-issues.md
└── web/
    ├── SKILL.md
    ├── concepts/lifecycle-and-events.md
    ├── examples/app-context-and-state.md
    ├── references/web-reference-map.md
    └── troubleshooting/common-issues.md
```

## Common Lifecycle Pattern

1. Initialize platform context early.
2. Build a channel item (`entryId` for chat/video/ZVA, `apiKey` for scheduled callback and campaign flows).
3. Get service/client instance.
4. Register listeners/delegates before user interaction.
5. Start flow (`fetchUI`, `startVideo`, or web SDK open/show path).
6. Handle engagement state changes (`start`, `hold`, `resume`, `end`) and context switching.
7. End flow and release resources (`endChat`/`endVideo`, `logout/logoff`, uninitialize/release).

## High-Level Scenarios

- Agent side-panel app that stores notes per `engagementId` and survives context switching.
- Browser chat/video campaigns launched from web tags.
- Native mobile customer app for chat/video/scheduled callback.
- Campaign-driven channel selection (chat, ZVA, video, scheduled callback).
- Rejoin flow for dropped video engagements on mobile.
- Smart Embed CRM softphone with postMessage event contracts.

See [scenarios/high-level-scenarios.md](scenarios/high-level-scenarios.md) for details.

## Chaining

- Auth and in-client app identity: [../zoom-apps-sdk/SKILL.md](../zoom-apps-sdk/SKILL.md) and [../oauth/SKILL.md](../oauth/SKILL.md)
- Contact Center REST workflows: [../rest-api/SKILL.md](../rest-api/SKILL.md)
- Cobrowse on web voice/chat channels: [../cobrowse-sdk/SKILL.md](../cobrowse-sdk/SKILL.md)

## Environment Variables

- See [references/environment-variables.md](references/environment-variables.md) for standardized `.env` keys and where to find each value.

© anthropics · Apache-2.0 · anthropics/knowledge-work-plugins

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой