Вайб-кодинг для новичка: свой калькулятор с нейросетью

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

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

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

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

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

Начинать стоит с того, что работает целиком на вашем компьютере и не хранит ничего важного. Ошибка в таком инструменте стоит пару минут, а не деньги клиентов.

Хорошо для старта	Лучше отложить
Калькулятор прибыли, наценки, скидки	Приём оплаты на сайте
Конвертер размеров или единиц	Личный кабинет с логином и паролем
Генератор описаний по шаблону	Хранение данных клиентов
Таймер, трекер привычек, чек-лист	Сервис, которым одновременно пользуются сотни людей

Правая колонка не запрещена навсегда. Просто там ошибка стоит дорого, а найти её без опыта сложно.

Пошагово: калькулятор прибыли с товара за один вечер

Разберём на примере, который пригодится продавцу маркетплейсов, но логика та же для любого расчёта. Цель – страница, где вы вводите цену и расходы, а она показывает прибыль и маржу.

Распишите расчёт на бумагеКакие поля вводите вы, что считает программа и по какой формуле. Если вы сами не можете объяснить формулу, нейросеть её додумает, и не факт, что правильно.
Отправьте нейросети ТЗПопросите один HTML-файл без внешних библиотек. Так его можно открыть двойным щелчком, ничего не устанавливая. Пример запроса ниже.
Откройте результатВо многих чат-ботах есть предпросмотр кода прямо в окне диалога. Если его нет, скопируйте код в текстовый файл, сохраните с расширением .html и откройте в браузере.
Проверьте цифры вручнуюЭто самый важный шаг, о нём подробно в следующем разделе.
Дорабатывайте по одному изменению«Добавь поле для рекламы», «сделай кнопку крупнее». Одна правка – одно сообщение, так проще понять, что сломалось.

Пример запроса

Сделай калькулятор прибыли с одного товара в одном HTML-файле, без внешних библиотек и интернета.

Поля ввода: цена продажи (₽), себестоимость (₽), комиссия площадки (% от цены), логистика (₽ за единицу), налог (% от цены).

Расчёт: прибыль = цена − себестоимость − цена × комиссия / 100 − логистика − цена × налог / 100. Маржа = прибыль / цена × 100.

Покажи прибыль в рублях и маржу в процентах, пересчитывай сразу при вводе. Если прибыль отрицательная, выделяй её красным. Интерфейс на русском, удобный с телефона. Комментарии в коде тоже на русском.

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

Как проверить, что код считает правильно

Возьмите один пример и посчитайте его сами, до того как смотреть на экран. Допустим, условные цифры такие: цена 1 000 ₽, себестоимость 400 ₽, комиссия 20%, логистика 80 ₽, налог 6% от цены.

200 ₽комиссия: 1 000 × 20%

60 ₽налог: 1 000 × 6%

260 ₽прибыль: 1 000 − 400 − 200 − 80 − 60

26%маржа: 260 / 1 000

Если калькулятор показывает другое – не спорьте с ним на глаз. Напишите нейросети: «При цене 1 000, себестоимости 400, комиссии 20%, логистике 80 и налоге 6% должно получиться 260 ₽ прибыли, а у тебя выходит другое. Найди ошибку». С конкретным примером она исправляет код намного точнее, чем по просьбе «что-то не так считается».

Проверьте и крайние случаи: нулевую цену, пустое поле, отрицательную прибыль. Новички часто видят на экране надпись NaN или деление на ноль, это нормально и лечится одной правкой.

Важно

Проценты комиссии и логистики в примере условные. Для реального расчёта берите действующие тарифы своей площадки и категории [ПРОВЕРИТЬ АКТУАЛЬНЫЙ ТАРИФ].

Ошибки новичков в вайб-кодинге

Честно, большинство неудач начинается с того, как с нейросетью разговаривают.

Так работает

Маленькая задача и явная формула
Одна правка в одном сообщении
Сохранять рабочую версию файла перед каждой доработкой
Новый чат, если старый разросся и нейросеть начала путаться

Так ломается

«Сделай мне сервис для бизнеса» одной фразой
Десять правок в одном сообщении
Вставлять в чат пароли, ключи доступа и данные клиентов
Верить результату без ручной проверки

Отдельно про длинные диалоги. Когда переписка тянется на десятки сообщений, модель может «забыть» раннее требование и тихо вернуть старую ошибку. Если это случилось, откройте новый чат, вставьте туда последний рабочий код и коротко опишите, что нужно изменить.

Где заканчивается вайб-кодинг и нужен программист

Граница проходит там, где появляются чужие деньги и чужие данные. Оплата, регистрация пользователей, хранение телефонов и адресов, доступ к кабинету продавца через API требуют проверки безопасности. Нейросеть может написать такой код, но вы не сможете оценить, есть ли в нём дыра. Для личных расчётов и внутренних инструментов этого риска почти нет.

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

[ЗДЕСЬ МОЖНО ДОБАВИТЬ ЛИЧНЫЙ КЕЙС/ЦИФРЫ: какой инструмент автор сделала через вайб-кодинг и сколько времени он экономит]

Чек-лист перед первым запуском

Формула расписана словами и проверена на одном примере вручную
В запросе указано: один HTML-файл, без внешних библиотек, интерфейс на русском
Результат совпал с ручным расчётом
Проверены пустые поля и нулевые значения
Рабочая версия сохранена отдельным файлом
В чат не попали пароли, ключи и данные клиентов

Частые вопросы

Нужно ли знать программирование, чтобы заниматься вайб-кодингом?

Для простых инструментов – нет. Нужно уметь чётко описать задачу и проверить результат на примере. Понимание основ со временем поможет быстрее находить ошибки, но начинать можно без него.

Какая нейросеть лучше подходит для вайб-кодинга?

Код для небольших задач пишут и ChatGPT, и Claude, и другие крупные модели. Удобнее те, где есть предпросмотр результата прямо в чате. Возможности и бесплатные лимиты меняются, поэтому проверьте их на момент работы [ПРОВЕРИТЬ].

Можно ли заниматься вайб-кодингом бесплатно?

Для калькулятора в одном файле часто хватает бесплатных тарифов чат-ботов, но лимиты на сообщения и доступ к сильным моделям у сервисов разные и регулярно меняются [ПРОВЕРИТЬ АКТУАЛЬНЫЙ ТАРИФ]. Доступность отдельных сервисов также зависит от региона.

Как поделиться готовым калькулятором с коллегой?

Самый простой способ – отправить HTML-файл: он откроется в любом браузере. Если нужен доступ по ссылке, файл можно разместить на хостинге статических страниц, но это уже следующий шаг, и данные клиентов в такой инструмент вводить не стоит.

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