Как собрать своё приложение без кода: вайбкодинг на практике

Если вы не программист, собрать своё приложение без кода сегодня реально, и для этого есть отдельный подход с забавным названием «вайбкодинг». Если по-простому, вы описываете словами, что хотите получить, а ИИ пишет код за вас. Вы остаётесь режиссёром: говорите «хочу страницу регистрации», «добавь счётчик прогресса», «подключи оплату», а руками строчки не набираете. Я сама так собрала пару рабочих штук: два тренажёра по финансовой грамотности у меня заняли всего 3 часа, а локальную систему поиска по своим вебинарам я подняла за два дня, не написав ни строчки кода руками. Ниже разберу по порядку, что такое вайбкодинг, какими инструментами это делается, как выглядит сам процесс по шагам, покажу на двух своих живых сборках, что получается на выходе, и честно скажу, где этот подход буксует и где всё равно нужна голова, а не только промпт. Программистом для этого быть не нужно. Нужна понятная задача и готовность поспорить с ИИ, когда он повёл не туда.

Что такое вайбкодинг и почему нетехнарю это вообще доступно

Начнём со слова, потому что звучит оно странно. Вайбкодинг (от английского vibe coding, «кодинг по ощущениям») это когда вы не пишете программу руками, а объясняете ИИ человеческими словами, что вам надо, а он генерит под это код. Вы задаёте направление и проверяете результат, а всю чёрную работу по набору строчек берёт на себя модель.

Раньше, чтобы собрать даже простое приложение, надо было либо учить язык программирования месяцами, либо нанимать разработчика и ждать. Теперь между вашей идеей и рабочим прототипом стоит окно, куда вы пишете запрос обычными словами. «Сделай мне страницу с тестом по финансам, где после каждого вопроса показывается правильный ответ». ИИ собирает, вы смотрите, говорите, что поправить.

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

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

Чем это собирают: инструменты вайбкодинга на пальцах

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

Lovable. Это сервис, где вы прямо в окне браузера описываете словами, какое приложение хотите, а он рисует и собирает интерфейс. Удобен, когда нужно быстро получить рабочую страницу с кнопками, формами, экранами. Хорош для старта: видно сразу, что получается.

Свои тренажёры по финграмотности я собирала как раз на связке Lovable и Cursor. Регистрацию пользователей подключила через Supabase (по-простому, это облачная база, где хранятся данные и логины), а «мозги» теста подвесила на OpenAI (модель ChatGPT-4). Сверху прикрутила счётчик прогресса, чтобы человек видел, сколько он уже прошёл.

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

Не цепляйтесь за названия. Завтра выйдет десять новых сервисов, а подход останется тем же: вы объясняете словами, ИИ собирает. Выбирайте под задачу. Нужен быстрый прототип с экранами, берите что-то вроде Lovable. Задача обрастает деталями, переезжаете в среду помощнее.

Как устроен сам процесс: от идеи до рабочего прототипа

Чтобы дальше было понятно, опишу, как вообще выглядит работа в вайбкодинге. Без этого кажется, что там какая-то магия. Магии нет, есть цикл «попросил, посмотрел, поправил».

Вы формулируете запрос. Пишете ИИ человеческими словами, что хотите получить. Чем конкретнее, тем лучше. Не «сделай красиво», а «сделай экран с пятью вопросами, кнопкой "далее" и счётчиком пройденного».

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

Вы смотрите и говорите, что не так. «Кнопка не нажимается», «счётчик считает неправильно», «убери лишний экран». ИИ правит, вы снова проверяете. И так по кругу, пока не сойдётся.

Вот и весь секрет. Это не одна волшебная кнопка «сделать приложение», а диалог, где вы заказчик, а ИИ исполнитель, который очень быстро переделывает. Иногда он понимает с первого раза, иногда уводит проект в кусты, и тогда вы его возвращаете. Привыкаешь к этому быстро.

Шаг за шагом: как нетехнарю подойти к первому приложению

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

1. Возьмите одну узкую задачу. Самая частая ошибка, замахнуться на «соберу себе целую CRM с нуля». Так не выходит, бросите на середине. Возьмите что-то маленькое и понятное: тест, калькулятор, форму сбора заявок, простой тренажёр. Чем уже идея, тем быстрее увидите рабочий результат.
2. Опишите её одним абзацем человеческими словами. Прежде чем лезть в инструмент, проговорите вслух или запишите: что приложение делает, кто им пользуется, что человек видит на экране. Это будет ваш первый запрос к ИИ, и от его внятности зависит половина успеха.
3. Выберите инструмент под уровень задачи. Для первого раза берите что-то браузерное вроде Lovable, чтобы быстро увидеть экраны и не возиться с настройкой среды. Cursor и подобное оставьте на потом, когда задача станет посложнее.
4. Соберите черновик и сразу потыкайте. Не пытайтесь с первого запроса получить идеал. Получите хоть что-то рабочее, понажимайте кнопки, найдите, где криво. ИИ для того и нужен, чтобы быстро переделывать, пользуйтесь этим.
5. Доводите диалогом и подключайте обвязку. Когда основа работает, добавляйте остальное: вход для пользователей, хранение данных, оплату, если нужна. Тут как раз пригодятся внешние сервисы вроде Supabase для базы и OpenAI для умной части. Подключение бывает занудным, заранее настройтесь повозиться.

Кейс: два тренажёра по финграмотности за 3 часа

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

Собирала на связке Lovable и Cursor. Регистрацию пользователей подключила через Supabase, чтобы люди могли заходить под собой и сохранять прогресс. За умную часть отвечал OpenAI, модель ChatGPT-4. Сверху добавила счётчик прогресса, чтобы человек видел, сколько он уже прошёл и сколько осталось.

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

Моё резюме по этому кейсу простое: когда задача понятная и узкая, вайбкодинг даёт результат в тот же вечер, а не через недели согласований. Самым долгим, как обычно, было не «написать», а аккуратно подключить регистрацию и проверить, что всё считается правильно.

Кейс: локальная система поиска по 100 вебинарам за два дня

Вторая сборка посерьёзнее, и она хорошо показывает, что вайбкодингом берутся не только маленькие игрушки. У меня за 15 лет накопились терабайты видео: вебинары, эфиры, разборы. Найти что-то конкретное в этом архиве было мукой. Облачные сервисы, куда можно было бы всё залить и искать, мне не подходили, не хотелось тащить свои терабайты в чужое облако.

Решила собрать локальную RAG-систему. Расшифрую: RAG это когда ИИ ищет ответ не из головы, а по вашим собственным материалам, то есть сначала находит нужный кусок в ваших файлах, а потом отвечает на его основе. «Локальная» значит, что всё крутится у меня на машине, а не в чужом облаке. По сути я сделала себе умный поиск по сотне своих вебинаров: спрашиваешь обычными словами, система находит, где именно я об этом говорила.

И вот честная цифра, которая меня саму удивила: я собрала эту локальную RAG-систему за два дня, не написав ни строчки кода руками. Штука, которая ещё недавно звучала бы как «нужен отдельный разработчик и месяц работы», уложилась в два дня диалога с ИИ.

Этот кейс я люблю приводить, когда меня спрашивают, «а на вайбкодинге же только лендинги клепают?». Нет. На нём можно собрать рабочий инструмент под свою реальную боль, причём такой, который не отдашь в чужие руки, потому что данные приватные.

Где вайбкодинг буксует и где всё равно нужна голова

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

Первое. ИИ ошибается, и иногда уверенно. Он может «починить» одно и сломать рядом другое, может выдать код, который вроде запускается, но работает не так, как вы просили. Проверять за ним надо, особенно там, где дело касается денег, данных пользователей и всего, где цена ошибки высокая. Тыкать кнопки и убеждаться, что считается правильно, придётся вам.

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

Третье. Подключение внешних сервисов бывает занудным. База, оплата, доступы к моделям: с первого раза можно залипнуть на эти куски надолго, как я залипала на регистрации в тренажёрах. Это разовая возня, дальше работает, но настроиться на неё стоит заранее.

Моё правило простое: относитесь к ИИ как к очень быстрому, но неопытному помощнику. Черновик он соберёт за минуты, а вот думать, что правильно, а что нет, всё равно вам.

Сколько это стоит и с чего начать

Коротко про деньги, без таблиц с тарифами. У большинства инструментов вроде Lovable есть с чего начать бесплатно или почти бесплатно, чтобы пощупать. Платить вы начнёте за то, что реально тратит ресурсы: за запросы к ИИ-моделям и за внешние сервисы, если подключаете базу или что-то ещё. На старте, пока вы собираете одну маленькую штуку, расходы небольшие. Серьёзные суммы появляются, только когда у вас живой продукт с потоком пользователей.

А теперь конкретно, что сделать на этой неделе, чтобы не уйти в режим «как-нибудь попробую». Возьмите заметку и выпишите одну свою задачу, которую хочется превратить в приложение. Одну, поменьше: тест, калькулятор, форму, простой тренажёр. Опишите её одним абзацем человеческими словами, как будто ставите задачу исполнителю. Заведите бесплатный аккаунт в каком-нибудь браузерном инструменте и напишите туда свой первый запрос. Цель первой недели скромная: чтобы перед вами появилось хоть что-то рабочее, собранное вашими словами. Тот момент, когда «оно само собралось из моего описания», бьёт по мотивации сильнее любой статьи.

FAQ

Что такое вайбкодинг простыми словами?

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

Можно ли собрать приложение без программирования, если я совсем не технарь?

Да, в этом и смысл вайбкодинга. Вам не нужно знать язык программирования и помнить синтаксис. Ваша задача, чётко сформулировать, что приложение делает, посмотреть на результат и сказать, что не так. Я сама не программист и собрала так два тренажёра по финграмотности за 3 часа и локальную систему поиска по своим вебинарам за два дня, не написав ни строчки кода руками.

Какими инструментами делают вайбкодинг?

Инструментов много, я собирала на связке Lovable и Cursor. Lovable удобен для старта: прямо в браузере описываете словами приложение, и он рисует экраны. Cursor посерьёзнее, для задач посложнее. К ним подключают внешние сервисы: например, Supabase для хранения данных и регистрации, OpenAI для умной части. Не цепляйтесь за конкретные названия, инструменты меняются, а подход остаётся: вы объясняете, ИИ собирает.

Сколько времени уходит на первое приложение?

Зависит от задачи, но порядок такой: узкую штуку реально собрать за вечер. У меня два тренажёра по финграмотности с регистрацией и счётчиком прогресса заняли всего 3 часа. Сборка посложнее, локальная система поиска по сотне вебинаров, уложилась в два дня. Дольше всего обычно не «написать», а аккуратно подключить внешние сервисы и проверить, что всё работает правильно.

Где вайбкодинг не справится?

Не на всё. ИИ ошибается и иногда уверенно ломает то, что только что работало, поэтому за ним надо проверять, особенно где дело касается денег и данных пользователей. Логику и смысл приложения вы придумываете сами, ИИ за вас это не додумает. Плюс подключение внешних сервисов бывает занудным, с первого раза можно залипнуть надолго. Относитесь к ИИ как к быстрому, но неопытному помощнику.

Сколько стоит начать?

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