Вайбкодим калькулятор стоимости рекламы
Калькулятор окупаемости в одном HTML-файле: три сценария, CPL, CAC, ROMI и точка безубыточности
Какую задачу решает
Сделать мини-калькулятор оценки рекламной кампании с допущениями
Что будет на выходе
Калькулятор с формулами, неопределённостью и сравнением сценариев
- Кому подойдёт
Маркетолог, который хочет показать клиенту прогноз кампании без самодельных таблиц
- Тема
- Вайбкодинг
- Инструменты
- любой ИИ-чатCursor
Перед запуском рекламы все спрашивают одно: окупится или нет. Обычно ответ считают в голове или в чате с нейросетью: «вложишь 30 тысяч, получишь 40». В таком подсчёте не видно, какие цифры известны, а какие взяты с потолка, и что будет, если конверсия окажется вдвое ниже.
Здесь собираем свой калькулятор в одном HTML-файле. Вводишь бюджет, цену клика, конверсии, средний чек и маржу — каждую как диапазон «плохо / нормально / хорошо». Калькулятор показывает три сценария, стоимость заявки и продажи, ROMI и порог, при котором реклама выходит в ноль. Код пишет ИИ, от тебя — формулы и проверка.
Сначала проверяешь формулы в чате на своих цифрах, потом отдаёшь ИИ готовое ТЗ и получаешь калькулятор в одном файле: три сценария, CPL, CAC, ROMI, точка безубыточности и пометка, какие цифры у тебя — догадки.
Что получишь
- 🧮Проверенные формулы
От бюджета к кликам, заявкам, продажам и прибыли. Сначала на бумаге, чтобы код не прятал ошибку.
- 📉Три сценария сразу
Пессимистичный, базовый и оптимистичный рядом.
- ⚖️Точку безубыточности
Максимальная цена клика и минимальная конверсия, при которых реклама ещё не в минусе.
- 🏷️Честные допущения
У каждого поля переключатель «знаю из статистики / предполагаю». Сценарий на догадках подписан как догадка.
Как использовать
- 1Собери свои цифры
Цену клика и конверсию сайта возьми из прошлой рекламы или аналитики. Если их нет — пиши диапазон и отмечай как предположение.
- 2Проверь формулы в чате
Шаг 1 промпта считает один сценарий по шагам. Сверь пару чисел на калькуляторе телефона.
- 3Сгенерируй калькулятор
Шаг 2 — ТЗ для Claude Code, Cursor или чата с артефактами. Результат — один файл
index.html, который открывается в браузере. - 4Сломай его тестами
Шаг 3 проверяет нули, пустые поля и сверяет результат с расчётом из шага 1.
Если ты ни разу не запускал Claude Code, сначала пройди гайд «Первый проект с Claude Code» — там такой же калькулятор окупаемости собирается с нуля по шагам. Без установки программ калькулятор можно собрать прямо в чате, как в гайде про Claude Artifacts.
Рядом по теме: Калькулятор цены для сайта без программиста, Калькулятор стоимости услуг одним промптом, Cline + VS Code, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
Что дальше
- Медиаплан с нейросетью — когда понятно, сколько можно платить за клик, и пора распределить бюджет по каналам.
- Юнит-экономика без финансового образования — чтобы маржа в калькуляторе была посчитана по цифрам.
- Квиз или калькулятор с честной логикой результата — если хочешь сделать из калькулятора лид-магнит для клиентов.
Как довести такой мини-инструмент от идеи до работающего экрана с ИИ-агентом и не застрять на середине, разбирает курс Первый экран за 990 ₽.