Лекции

Разбираем UX‑подход OpenAI для ChatGPT Apps: почему важно мыслить chat-first, в каких сценариях App действительно помогает (структура, многосущностные задачи, пошаговые мастера), как корректно запускать UI через auto‑launch и humble handoff, и как избежать антипаттерна «сюрприз‑виджет». Плюс: мини‑пример «классификатора намерений» на TypeScript, правила для system‑prompt и маленький React‑компонент интро‑экрана.

Разбираем inline‑режим как «дефолт» для ChatGPT Apps: когда он выигрывает у fullscreen, как выбирать между карточками, списками и каруселями, и как проектировать CTA так, чтобы виджет оставался лёгким. На примере GiftGenius смотрим тип данных GiftSuggestion, компоненты GiftCard/ GiftGrid/ GiftList/ GiftCarousel, вызовы инструментов через window . openai . actions . call, и типичные ошибки, из-за которых inline превращается в «мини‑сайт».

Разбираем, когда и зачем в ChatGPT Apps переходить из inline в fullscreen, как устроен базовый механизм displayMode, как безопасно просить хост переключить режим через requestDisplayMode, и почему PiP — «капризный» режим с обязательными fallback’ами. Спроектируем fullscreen-мастер (wizard), вынесем состояние в надёжный слой, и обсудим медиасценарии «video + chat», мобильные особенности, а также типичные ошибки UX и разработки.

В этой лекции разбираем, как проектировать визуальный стиль ChatGPT App так, чтобы он выглядел «родным» внутри ChatGPT: наследование темы (light/dark), работа с токенами и CSS‑переменными, аккуратные брендовые акценты, базовая типографика и сетка отступов. На практике посмотрим примеры на Tailwind и shadcn/ui, обсудим адаптивность (inline/fullscreen), ограничения высоты ( maxHeight) и safe-area, а также требования доступности WCAG AA и то, почему корректная семантика важна для screen reader и голосового режима.

Разбираем, как меняется UX и архитектурное мышление, когда ChatGPT App используется в голосовом режиме: чем voice‑сценарии отличаются от текстовых, какую роль играет «glanceable UI» в виджете, как синхронизировать то, что модель говорит вслух, с тем, что показывает интерфейс, как проектировать инструменты под разговорные команды и как обходиться с задержками через tool_calls, статусы "pending" и фоновые jobId. Отдельно обсуждаем безопасные confirmation‑flows и типичные ошибки.