Вайб кодинг с Claude: чат Claude, Claude Code и создание приложений из Claude

Вайб кодинг с Claude работает тремя способами. Чат Claude создаёт небольшие одностраничные приложения прямо в разговоре. Claude Code — агент, который редактирует настоящий проект на вашем компьютере или в облаке, для тех, кому привычна кодовая база. А Claude плюс конструктор приложений по MCP позволяет создавать, просматривать и публиковать полнофункциональное приложение с базой данных, не выходя из разговора с Claude. Какой подходит, зависит от того, что вы создаёте и сколько настройки хотите взять на себя.

В этом руководстве разобраны все три способа, с запросами и ограничениями каждого. Идею, на которой всё построено, смотрите в что такое вайб кодинг.

Вариант 1: чат Claude для небольших инструментов

В обычном приложении Claude можно попросить что-то интерактивное, и Claude напишет это как код, работающий рядом с разговором: калькулятор, тренажёр карточек, небольшую игру, диаграмму по вставленным данным. Изменять результат можно ответами.

Хороший запрос здесь самодостаточен:

Сделай интерактивный инструмент, где я вставляю список расходов (по одному в строке, «сумма, категория»), а он показывает круговую диаграмму по категориям и итог. Добавь пример списка, чтобы всё работало сразу.

Чем хорош: быстрые одностраничные инструменты, которыми вы пользуетесь сами или делитесь ссылкой, и обучение, потому что можно попросить Claude объяснить каждую часть.

Где заканчивается: они работают внутри среды Claude. Собственной постоянной базы данных нет, пользовательских аккаунтов нет, собственного домена нет, и негде запускать сервер. Когда идея перерастает одну страницу, нужен один из следующих двух вариантов.

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

Claude Code — кодинг-агент Anthropic. Он работает в терминале, в редакторах вроде VS Code и JetBrains, в десктопном приложении и в вебе. Вы ставите ему задачу обычным языком, а он читает ваш проект, редактирует файлы, запускает команды и тесты и показывает, что изменилось. На момент написания он входит в платные тарифы Claude и доступен через API; актуальные тарифы смотрите на сайте Anthropic.

Типичная сессия вайб кодинга выглядит так:

Добавь страницу /bookings со списком записей текущего пользователя, сначала новые, с кнопкой отмены, которая отключена менее чем за два часа до занятия. Используй существующий помощник авторизации. По завершении запусти тесты.

Чем хорош: разработчикам и техническим основателям, у которых уже есть проект, которые хотят полного контроля над стеком и готовы запускать и развёртывать его сами. Он силён в изменениях сразу в нескольких файлах и в соблюдении соглашений, уже принятых в кодовой базе.

Где требует больше работы: нужна среда разработки, а сам Claude Code ничего не размещает. Базы данных, секреты, развёртывание и домены остаются на вас. Сравнение с другими инструментами для разработчиков смотрите в Cursor, Windsurf и Claude Code.

Привычки, которые хорошо работают с Claude Code

• Просите план перед крупными изменениями. «Опиши шаги и файлы, которых коснёшься, затем подожди».
• Ведите файл заметок проекта. Claude Code читает файл памяти проекта (CLAUDE.md) с соглашениями, чтобы вам не приходилось их повторять.
• Проверяйте diff. Даже при вайб кодинге пролистывайте изменения в чувствительных областях: авторизация, платежи, всё, что связано с данными пользователей.
• Коммитьте часто. Небольшие коммиты упрощают отмену неудачного шага.

Вариант 3: создание и публикация из Claude с Mythex

Если вам нравится работать в Claude, но в конце нужно настоящее приложение — с базой данных, входом, файловым хранилищем и публичным адресом, — можно подключить Claude к ИИ-конструктору приложений через MCP, протокол, позволяющий Claude использовать инструменты, размещённые в другом месте. (Что такое MCP объясняет это простыми словами.)

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

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

1. В Mythex откройте Account settings и скопируйте MCP URL: https://mcp.mythex.ai/mcp.
2. В Claude откройте Settings → Connectors → Add custom connector, вставьте URL и нажмите Connect.
3. Откроется страница Mythex. При необходимости войдите и выберите Allow access. Копировать API-ключ не нужно.
4. Вернувшись в Claude, попросите то, что вам нужно.

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

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

С помощью Mythex создай новый проект: простая CRM для моей небольшой дизайн-студии. Контакты с именем, компанией, email, телефоном, этапом (лид, активный, прошлый) и заметками. Доска по этапам, где можно перетаскивать контакты между столбцами, и поле поиска. Добавь базу данных, чтобы данные сохранялись, и вход, чтобы видеть их мог только я. Запусти предпросмотр и пришли мне ссылку, когда он заработает.

Затем дорабатывайте в том же разговоре, по одному изменению:

В проекте Mythex добавь контактам дату «следующий контакт» и на главном экране список контактов на эту неделю. Проверь это в предпросмотре.

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

Чем хорош: тем, кто лучше всего думает в Claude и хочет получить размещённый результат с базой данных, не настраивая серверы. Можно также переключаться: начать в Claude и продолжить в чате Mythex или наоборот, ведь это один и тот же проект.

Что выбрать

Советы по запросам, которые важнее с Claude

Claude точно следует подробным инструкциям, а это работает в обе стороны.

• Говорите, что не менять. «Оставь макет и цвета; измени только валидацию формы».
• Задайте определение готовности. «Готово — это когда новый контакт сохраняется, появляется на доске и переживает обновление страницы».
• Просите проверять свою работу. В Claude Code это запуск тестов; в Mythex — проверка живого предпросмотра или запуск браузерного теста.
• Просите объяснения простыми словами, когда не понимаете изменение. Это самый быстрый способ узнать, что делает ваше приложение.

В нашей шпаргалке с запросами для вайб кодинга есть 30 запросов, работающих в любой из трёх схем.

Заметки о безопасности для всех трёх

• Не вставляйте настоящие API-ключи и пароли в разговор с Claude. В Mythex секреты хранятся в настройках секретов проекта, и Claude видит их названия, но не значения.
• Перед публикацией проверьте, кто что видит. «Может ли вошедший пользователь открыть чужие записи?» — первый вопрос, который стоит задать.
• Проверяйте чувствительный код. Claude — сильный программист, но вайб кодинг означает, что вы читаете не каждую строку, поэтому выбирайте те, что важны. Смотрите безопасен ли вайб кодинг?.

Если вы пользуетесь ещё и ChatGPT, парное руководство рассказывает про вайб кодинг с ChatGPT и Codex. А если хотите вообще обойтись без настройки, откройте ИИ-конструктор приложений и опишите там своё приложение.

Вопросы