Вайб кодинг с ChatGPT: canvas, Codex и создание приложений из ChatGPT

С ChatGPT можно заниматься вайб кодингом тремя способами. Попросить в чате небольшое приложение и посмотреть его в canvas; передать задачи по настоящей кодовой базе Codex — кодинг-агенту OpenAI; или подключить ИИ-конструктор приложений вроде Mythex, чтобы ChatGPT мог создать, разместить и опубликовать полноценное приложение с базой данных. Первый быстрее всего для одностраничного инструмента, второй подходит разработчикам, а третий даёт готовое приложение со входом и данными, не выходя из ChatGPT.

Ниже — как работает каждый способ, запрос для каждого и где каждый из них заканчивается. Если нужна предыстория термина, прочитайте что такое вайб кодинг.

Вариант 1: чат ChatGPT и canvas

Для быстрого инструмента достаточно просто попросить. ChatGPT пишет код, а в canvas может показать простые страницы HTML и React, чтобы вы поработали с ними и попросили изменения.

Напиши одностраничный калькулятор чаевых с полями для суммы счёта, процента чаевых (кнопки 10, 15, 20 и собственное поле) и числа людей. Показывай размер чаевых и сумму на человека, обновляя по мере ввода. Сделай аккуратный вид на телефоне.

Подходит для: калькуляторов, простых игр, черновиков лендингов и обучения. Попросите «объясни этот файл так, будто я новичок в программировании», и вы быстро научитесь.

Где заканчивается: бэкенда нет. Ничего из введённого не сохраняется для других пользователей, входа нет, а чтобы поделиться, нужно скопировать код куда-то и разместить самому. Как только вы говорите «и сохрани так, чтобы моя команда видела», вы переросли чат.

Вайб кодинг копированием и вставкой

Многие начинают с того, что просят ChatGPT написать код и вставляют его в файлы на компьютере или на хостинг. Для небольших статических сайтов это работает, но быстро перестаёт. Каждое изменение — это поиск нужного файла, вставка нужной части и надежда, что ничего из заменённого не использовалось где-то ещё. Если вы ловите себя на этом больше нескольких раз, переходите к одному из следующих двух вариантов.

Вариант 2: Codex для настоящей кодовой базы

Codex — агент OpenAI для работы над программным обеспечением. Вы ставите ему задачу обычным языком, а он работает с репозиторием: читает код, вносит изменения в нескольких файлах, запускает команды и тесты и отдаёт результат на проверку. OpenAI предлагает его в ChatGPT, как инструмент командной строки и как расширение редактора; какие тарифы его включают и каковы текущие лимиты, смотрите на сайте OpenAI.

Лучше всего ему подходит запрос в виде задачи:

В этом репозитории добавь кнопку экспорта в CSV на страницу заказов. Она должна экспортировать заказы с текущим фильтром со столбцами дата, клиент, сумма и статус. Добавь тест для функции экспорта и запусти набор тестов.

Подходит для: разработчиков и технических основателей с существующим проектом, которые хотят, чтобы агент забирал целые задачи из списка дел. Он работает с вашим стеком и вашими соглашениями.

Что остаётся вам: где работает приложение, база данных, секреты, развёртывание и домены. Codex меняет код; хостингом он не является.

Codex и Mythex вместе

Codex также подключается к MCP-серверам, включая сервер Mythex. Добавьте https://mcp.mythex.ai/mcp как пользовательский MCP-сервер в Codex, подтвердите доступ в Mythex, и Codex сможет работать над проектом Mythex в его облачной песочнице, а предпросмотр, базу данных и публикацию возьмёт на себя Mythex. Как это сделать, рассказывает наша статья о создании приложений Mythex из Claude, Cursor или Codex.

Вариант 3: полноценное приложение из ChatGPT с Mythex

Если хотите остаться в разговоре с ChatGPT и в итоге получить настоящее размещённое приложение, подключите Mythex. Mythex работает внутри ChatGPT как приложение: ChatGPT общается с инструментами Mythex по MCP — открытому протоколу, который позволяет ассистентам использовать инструменты, размещённые в другом месте (что такое MCP).

После подключения ChatGPT может создать проект Mythex, написать код в закрытой облачной песочнице, запустить живой предпросмотр, добавить базу данных и файловое хранилище и опубликовать приложение по публичному адресу. Результаты приходят со ссылкой, чтобы вы могли открыть проект в Mythex и наблюдать за предпросмотром.

Как подключить

1. В Mythex откройте Account settings и скопируйте MCP-адрес.
2. В ChatGPT добавьте Mythex в настройках приложений или коннекторов по этому адресу. Меню ChatGPT время от времени меняются, так что если названия отличаются, следуйте справочной странице OpenAI о добавлении приложения.
3. Откроется страница Mythex: войдите и выберите Allow access. Вставлять ключ не нужно.
4. Начните разговор и упомяните Mythex в своём запросе.

Подключение работает на любом тарифе Mythex. Инструменты песочницы — создание, предпросмотр, публикация — требуют Mythex Pro ($25 в месяц), а время песочницы и хостинг оплачиваются кредитами Mythex. Использование ChatGPT остаётся в вашем тарифе OpenAI.

Первый запрос, чтобы попробовать

Используй Mythex, чтобы создать для меня трекер откликов на вакансии. Я добавляю отклики с компанией, должностью, ссылкой, датой подачи, статусом (подано, собеседование, оффер, отказ) и заметками. Покажи доску по статусам, где можно перетаскивать карточки, и простой график откликов по неделям. Сохраняй всё в базе данных и защити входом. Запусти предпросмотр и дай мне ссылку.

Затем по одному изменению в сообщении:

В проекте Mythex добавь к каждому отклику дату напоминания и выделяй карточки, у которых напоминание сегодня или просрочено.

Опубликуй и пришли мне живой адрес.

Подходит для: тех, кто уже планирует и думает в ChatGPT и хочет получить живой результат с постоянными данными, не изучая хостинг. Поскольку это обычный проект Mythex, в любой момент можно продолжить в чате Mythex.

Какой вариант подходит для вашей задачи

Привычки запросов, которые работают в ChatGPT

• Называйте инструмент, когда хотите его использовать. «Используй Mythex, чтобы…» ясно показывает, что запрос относится к вашему проекту, а не к общему ответу.
• Одно изменение в сообщении. Длинные списки правок дают длинные списки побочных эффектов.
• Просите план перед крупными шагами. «Прежде чем что-либо менять, перечисли, что изменишь, и дождись моего ОК».
• Вставляйте точные ошибки. Полный текст ошибки ценнее любого описания.
• Спрашивайте, что изменилось. «Опиши обычными словами три последних изменения» помогает не потеряться, когда вы не читаете код.

Больше запросов — в нашей шпаргалке с запросами для вайб кодинга.

Безопасность

• Никогда не вставляйте настоящие пароли или API-ключи в разговор с ChatGPT. Если приложению нужен ключ, храните его в секретах проекта. Инструменты Mythex сообщают только названия секретов, но никогда не значения.
• Перед публикацией проверьте, что пользователи не видят данные друг друга и что ни один ключ не оказался в коде, выполняемом в браузере. Наше руководство безопасен ли вайб кодинг? перечисляет проверки с запросами, которые можно вставить.

Пользуетесь и Claude? Парное руководство рассказывает про вайб кодинг с Claude и Claude Code. Для сравнения по моделям смотрите ChatGPT, Claude и Gemini для создания приложений.

Вопросы