🎯 О чём этот конспект: Полное практическое руководство по работе с новой функцией Sites внутри режима ChatGPT Work (и Codex). Разбираются архитектура деплоя автономных веб-приложений из чата, интеграция встроенной персистентной базы данных, связка сайтов со сторонними Skills (агентами), а также автоматизация наполнения контентом через Scheduled Tasks и Gmail.
👤 Кому будет полезно: Вайбкодерам, разработчикам автоматизаций, продакт-менеджерам, аналитикам и всем, кто хочет упаковывать сложные чаты, ресерчи и пайплайны обработки данных в полноценные интерактивные веб-сервисы с уникальным URL без настройки серверов и написания кода вручную.
✨ Что получите: Пошаговый алгоритм развертывания веб-приложений прямо из чата ChatGPT, понимание механики хранения данных (persistent storage), метод передачи данных между кастомными AI-скиллами и сайтом, а также настройку самообновляющихся сервисов по расписанию.
1. ChatGPT Sites: Мгновенный деплой и инфраструктура веб-приложений из промпта
Контекст: Большинство результатов взаимодействия с LLM остаются в виде разрозненных текстовых сообщений или теряются в глубине веток диалогов. В режиме ChatGPT Work (агентный режим для длительных и сложных задач с поддержкой инструментов) появилась нативная возможность генерировать полнофункциональные веб-приложения одной командой через вызов инструмента @Sites. Хостинг, аутентификация через OpenAI-аккаунт, хранилище и базовая аналитика разворачиваются автоматически «из коробки». Пользователь получает рабочий live URL за считанные минуты без необходимости настраивать Vercel, Netlify, Docker или базы данных.
Тайминг: , ,
Выгода:
- Нулевые затраты на DevOps: деплой, SSL-сертификаты и хостинг на мощностях ChatGPT.
- Экономия времени: получение готового веб-приложения (игры, дашборда, калькулятора) за 5–9 минут.
- Встроенное разграничение доступа: переключение между приватным режимом (вход по ChatGPT Auth) и публичным в один клик.
Как применить:
- Шаг 1: Переключение в агентный режим — ChatGPT Web App] — Откройте веб-интерфейс ChatGPT и в верхней панели переключите режим взаимодействия с классического Chat на Work.
- Шаг 2: Генерация приложения с тегом инструмента — ChatGPT Work] — Опишите желаемое приложение и в конце промпта вызовите тег
@Sites.
Создай браузерную 2D-аркаду Capybara Protocol с управлением стрелками, подсчётом очков и таблицей рекордов. Сделай приятный визуал и адаптивное управление. @Sites- Шаг 3: Настройка домена и переменных окружения — Sites Settings] — После завершения генерации перейдите по полученному Live URL. Нажмите Settings:
- Измените префикс URL (subdomain).
- При необходимости подключите собственный домен (Custom Domain).
- Добавьте переменные окружения (
Environment Variables), если сайт делает запросы к внешним API. - Во вкладке Share выберите режим приватности: Private (доступ только после логина в ChatGPT) или Public (доступен всему миру).
- Шаг 4: Аналитика и итерации — ChatGPT Work] — Отслеживайте трафик во встроенной вкладке Analytics. Любые правки интерфейса или логики вносите текстовым запросом в этом же треде (после обновления страницы изменения сразу вступают в силу).
Результат: Развернутое рабочее веб-приложение на защищенном хостинге ChatGPT с публичным или приватным доступом, готовое к передаче пользователям или клиентам.
2. Упаковка контекста проектов в интерактивные инструменты и калькуляторы
Контекст: В процессе работы над проектами (планирование путешествий, закупки, анализ рынка) накапливаются десятки сообщений с файлами, ссылками, критериями и выводами. Вместо того чтобы генерировать статичный «саммари-лонгрид», который неудобно читать, ChatGPT Sites позволяет скомпилировать всю историю проекта в интерактивный пользовательский интерфейс. Например, многодневный ресерч по выбору отелей и таймлайну поездки превращается в интерактивный планировщик поездки. Аналогично, исследовательские данные о сложном продукте легко преобразуются в интерактивный инструмент принятия решений (калькулятор подбора под параметры пользователя).
Тайминг: , ,
Выгода:
- Замена 20 страниц сухого текста интерактивным UI с ползунками, карточками и фильтрами.
- Совместное использование: ссылкой на сайт можно поделиться с семьей, коллегами или заказчиками.
- Сохранение контекста: агент понимает, если сайт по проекту уже создан, и не дублирует его, а обновляет текущую версию новыми фактами из свежих веток диалога.
Как применить:
- Шаг 1: Накопление контекста внутри ChatGPT Project — ChatGPT Projects] — Соберите в рамках одного проекта все файлы, заметки, критерии и промежуточные диалоги (например, обсуждение логистики, бронирований, требований).
- Шаг 2: Генерация интерактивного дашборда из истории — ChatGPT Work] — Создайте новый чат внутри проекта и отправьте команду на сборку интерфейса:
Скомпилируй всё, что мы обсуждали и анализировали в этом проекте, в интерактивный и полезный сайт для планирования поездки. Раздели информацию по вкладкам: таймлайн по дням, выбранные отели, приоритетные локации и скрытые жемчужины. Сделай возможность чеклиста выполненных дел. @Sites- Шаг 3: Создание динамического калькулятора решений — ChatGPT Work] — Для аналитических задач используйте промпт для трансформации данных ресерча в конфигуратор:
На основе нашего ресерча по покупке автодома (RV) создай интерактивный гид покупателя. Добавь ползунки и фильтры: бюджет, размер семьи, возможность буксировки, уровень комфорта и объём багажного отделения. В зависимости от положения ползунков страница должна динамически рекомендовать подходящий класс техники с плюсами и минусами. @SitesРезультат: Интерактивный веб-дашборд или конфигуратор принятия решений, доступный по ссылке, заменяющий статичные отчеты и файлы таблиц.
3. Подключение внешних AI-агентов (Skills) к сайту с персистентным хранилищем
Контекст: Сайты внутри ChatGPT Work — это не просто статичные HTML-страницы, они поддерживают Persistent Data Storage (постоянное хранилище данных, не сбрасывающееся после закрытия сессии). Это позволяет использовать их как фронтенд-интерфейс для сторонних AI-агентов (Skills). Автор берет популярный агентский скилл last-30-days (поиск живого мнения людей в YouTube, Reddit, Polymarket, TikTok через Scrape Creator) и вместо одноразового текстового отчета строит поверх него постоянную исследовательскую базу знаний («Research Lab»), куда каждый новый запуск скилла автоматически сохраняет структурированные данные.
Тайминг: , , , ,
Выгода:
- Данные ресерча не стираются после завершения диалога, а аккумулируются в базе данных сайта.
- Создание собственного исследовательского хаба с фильтрацией по ролям, источникам и нестандартным мнениям.
- Интеграция: скилл сам отправляет результаты парсинга напрямую в хранилище сайта без ручного копирования JSON.
Как применить:
- Шаг 1: Установка скилла из GitHub через Skill Creator — ChatGPT Work] — Вызовите внутренний инструмент создания скиллов и передайте ссылку на внешний репозиторий:
Используй skill creator, чтобы добавить новый скилл из репозитория: https://github.com/username/last-30-days- Шаг 2: Первичный прогон скилла — ChatGPT Work] — Запустите установленный скилл по интересующей теме:
@last-30-days проведи глубокое исследование по теме "Grok bot": что люди говорят о нём прямо сейчас, ключевые сценарии использования и вирусные обсуждения.- Шаг 3: Создание UI для визуализации результатов — ChatGPT Work] — Преобразуйте вывод агента в структуру сайта:
Создай сайт на основе этих данных. Мне нужны:
1. Главная страница с общим саммари.
2. Вкладка "Use Cases" с фильтрацией по категориям/ролям.
3. Вкладка "Unconventional Takes" с нестандартными мнениями.
4. Ссылки на первоисточники с возможностью раскрыть оригинальный пост прямо внутри сайта (embed view). @Sites- Шаг 4: Настройка персистентной БД и связка со скиллом — ChatGPT Work] — Поскольку сайт не может сам инициировать запуск скилла, настройте передачу данных от агента в хранилище сайта:
Мне нужно, чтобы сайт сохранял историю всех предыдущих исследований и не перезаписывал их. Обнови логику скилла @last-30-days так, чтобы каждый раз после завершения ресерча он автоматически пушил структурированные результаты напрямую в хранилище этого сайта, без необходимости вручную копировать JSON.- Шаг 5: Исправление багов маршрутизации (Troubleshooting) — ChatGPT Work] — Если при изменении URL сайта скилл выдает ошибку прав или 404 (из-за захардкоженного старого адреса), скорректируйте код скилла:
Обнови URL в коде скилла на новый (research-lab), исправь права доступа и сделай так, чтобы при следующих запусках публикация в базу данных сайта происходила автоматически с первой попытки без блокировок.Результат: Полноценный исследовательский портал, который накапливает историю запросов в постоянной базе данных каждый раз, когда вы запускаете AI-агента в чате.
4. Создание самообновляющегося агрегатора данных: Scheduled Tasks + Gmail Integration
Контекст: Связка персистентного хранилища Sites с функцией Scheduled Tasks (планировщик задач в ChatGPT Work) позволяет строить автономные «живые» приложения, не требующие участия человека. В качестве примера рассматривается решение проблемы информационного перегруза: пользователь подписан на десятки email-рассылок по ИИ, но они дублируют друг друга. ChatGPT подключается к дополнительному ящику Gmail, забирает весь исторический архив писем (более 2 000 рассылок), дедуплицирует контент, извлекает ценные юзкейсы и складывает в базу сайта. Затем настраивается крон-задача, которая обновляет базу каждый день в полдень.
Тайминг: , , ,
Выгода:
- Автоматическая дедупликация сотен писем в единую поисковую базу знаний.
- Поддержка объемных текстовых баз (успешная обработка и индексация 2000+ писем без сбоев).
- Полная автономность: сайт сам собирает, фильтрует и публикует свежий контент по расписанию.
Как применить:
- Шаг 1: Подключение дополнительного Gmail-аккаунта — ChatGPT Integrations] — В настройках профиля ChatGPT подключите отдельный Google-аккаунт, на который приходят информационные рассылки (ChatGPT теперь поддерживает мультиаккаунты Gmail).
- Шаг 2: Бэкфилл (историческая выгрузка) и создание структуры базы данных — ChatGPT Work] — Дайте команду на парсинг входящих и генерацию дашборда:
Подключись к моему Gmail для рассылок, проанализируй все входящие новостные рассылки по AI.
1. Удали полные дубли новостей.
2. Извлеки из каждого письма конкретные практические сценарии (use cases) и инструменты.
3. Создай интерактивную searchable-базу данных: первая вкладка — ключевые новости с датами релиза, вторая вкладка — воркфлоу и юзкейсы, третья — трекер упоминаний тулов.
4. Сохрани все записи в persistent storage сайта. @Sites- Шаг 3: Тестирование инкрементального обновления — ChatGPT Work] — Перед созданием расписания убедитесь, что ручной запуск инкремента работает корректно:
Проверь почту, найди только новые неотработанные рассылки с момента последнего запуска и добавь их в базу данных сайта.(Проверьте счетчик записей на сайте до и после выполнения команды).
- Шаг 4: Настройка регулярного расписания (Scheduled Task) — ChatGPT Work] — Создайте агентскую задачу по таймеру:
Настрой scheduled task: каждый день ровно в 12:00 (полдень) проверяй входящие AI-рассылки в подключенном Gmail, извлекай из них новые юзкейсы и новости и автоматически пополняй базу данных нашего сайта.- Шаг 5: Мониторинг автоматизации — ChatGPT Work Sidebar] — Откройте раздел Scheduled Tasks в боковом меню интерфейса Work, чтобы просмотреть статус активных триггеров, историю выполнений и логи работы агента.
Результат: Автономный персональный агрегатор контента на собственном веб-сайте, который ежедневно без участия человека парсит почту, структурирует смыслы и обновляет поисковую базу.
ChatGPT Work Sites: ответы на частые вопросы
В: Доступна ли функция Sites в бесплатной версии или стандартном режиме ChatGPT? О: Нет, функция Sites нативно работает только в режимах Work или Codex. Чтобы воспользоваться ею, необходимо открыть веб-версию ChatGPT и в верхнем меню переключить сессию из режима «Chat» в «Work».
В: Каков лимит на хранение данных (Persistent Storage) в сайтах ChatGPT? О: OpenAI пока не опубликовала точных спецификаций по лимитам хранилища. Однако практика показывает, что базы данных с более чем 2 000 объемных текстовых записей (email-рассылок) работают быстро и стабильно. Для тяжелых файлов (видео, несжатые архивы) лимиты, вероятно, будут более строгими.
В: Можно ли привязать собственный домен к созданному сайту? О: Да, перейдя в раздел настроек сайта (Settings), вы можете изменить стандартный субдомен сервиса или привязать полноценный собственный домен (Custom Domain), настроив соответствующие DNS-записи.
В: Могут ли посторонние люди видеть мой сайт? О: Вы сами управляете доступом через меню Share. Сайт можно оставить в режиме Private (тогда доступ к нему возможен только после аутентификации через аккаунт ChatGPT владельца) или перевести в статус Public (любой человек в интернете сможет открыть ссылку).
В: Может ли сам сайт инициировать выполнение тяжелого AI-скилла при нажатии кнопки пользователем? О: На текущий момент архитектура устроена иначе: сайт выступает интерфейсом и хранилищем данных. Он не может напрямую запускать исполнение тяжелых агентов из фронтенда. Правильный паттерн — запускать Skill в интерфейсе Work и поручать самому агенту в конце работы пушить структурированный результат в базу данных сайта.
В: Что делать, если после смены названия сайта или URL агент перестает обновлять данные? О: Обычно это означает, что предыдущий URL был жестко зафиксирован (hardcoded) в конфигурации скрипта скилла. Достаточно написать агенту: «Обнови URL сайта на актуальный и настрой права, чтобы публикация происходила без ошибок». Агент сам найдет место сбоя и перепишет логику интеграции.
ChatGPT Work Sites: инструменты и ссылки из видео
- ChatGPT Work — расширенный агентный режим ChatGPT для решения комплексных многошаговых задач с поддержкой инструментов и автономных действий.
- Sites feature (
@Sites) — встроенный инструмент ChatGPT Work для сборки, деплоя и хостинга веб-приложений. - Last 30 Days Skill — открытый агентский скилл для парсинга и агрегации реальных обсуждений из YouTube Transcripts, Reddit, Polymarket и TikTok — упомянут в видео (
https://github.com/username/last-30-days). - Scrape Creator — инструмент сбора данных, используемый внутри скилла Last 30 Days для парсинга контента из социальных сетей.
- Scheduled Tasks — встроенный инструмент планирования фоновых агентских задач по расписанию внутри ChatGPT Work.
Конспект создан на основе видео «Sites is a feature in chatgpt work that lets you build and deploy actual websites and apps» канала Chase Lean. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=WCFoA38rlEg