Калькулятор без кода: формулы, поля и вывод результата
Калькулятор без кода собирается описанием. Вы называете поля ввода, формулу словами, единицы измерения и вид результата, а ИИ-билдер генерирует работающую страницу с расчётом. В Zugo простой калькулятор занимает около минуты. Дальше формула уточняется правками в чате, а публикация происходит в один клик.
Калькулятор отличается от обычной страницы тем, что у него есть правильный и неправильный ответ. Красивая вёрстка не спасёт, если число неверное, а неверное число на сайте хуже, чем его отсутствие: человек примет решение и вернётся с претензией.
Какие калькуляторы вообще имеет смысл делать?
Три категории, и они сильно различаются по сложности.
Считающие по явной формуле. Ипотечный платёж, расход краски на площадь, стоимость доставки по весу, калории по формуле, конвертация единиц. Формула известна, входных полей мало, результат проверяется на бумаге. Такой калькулятор собирается за одну сборку.
Считающие по вашему прайсу. Стоимость услуги от объёма, цена печати от тиража, смета на ремонт по площади и типу работ. Формула ваша, и её надо выписать до сборки. Собирается за сборку плюс несколько правок.
Считающие по внешним данным. Курс валюты, тариф перевозчика, налоговая ставка на дату. Здесь нужен источник данных и его обновление, и это уже не калькулятор, а маленькое приложение.
Полезное правило: если вы не можете посчитать результат вручную на листе бумаги, билдер тоже не догадается. Сначала формула, потом сборка.
Как описать формулу, чтобы билдер не ошибся?
Главная ошибка это описывать намерение вместо арифметики. «Посчитай стоимость ремонта» ничего не значит, а «умножь площадь на цену за метр, прибавь фиксированный выезд, если площадь меньше 20 метров, добавь надбавку 15 процентов» значит ровно одно.
Формулу стоит записать по шагам, в том порядке, в каком считаете вы сами. Отдельно опишите округление: до целых, до сотен, вверх или по правилам. Именно на округлении расходятся ваш расчёт и результат на экране.
Ещё три вещи, которые надо назвать явно.
Единицы измерения у каждого поля. Метры или сантиметры, килограммы или граммы, месяцы или годы. Половина ошибок в калькуляторах это перепутанные единицы.
Границы допустимых значений. Минимум, максимум, что делать с нулём и с отрицательным числом. Без этого пользователь введёт минус и получит бессмысленный ответ.
Что показывать, кроме итога. Разбивка по составляющим убеждает сильнее одного числа и заодно помогает вам заметить ошибку в расчёте.
Какой промпт даёт рабочий калькулятор?
Промпт для калькулятора длиннее обычного, и это нормально: почти весь его объём это формула и правила.
Собери калькулятор [название задачи].
Поля ввода:
- [поле 1], единицы [ед.], от [мин] до [макс], по умолчанию [N]
- [поле 2], выпадающий список: [варианты]
- [поле 3], переключатель да/нет
Расчёт по шагам:
1. база = [поле 1] * [цена за единицу]
2. если [поле 3] = да, прибавить [сумма]
3. если [поле 1] < [порог], прибавить фиксированный выезд [сумма]
4. итог = округлить вверх до сотен
Показать: итог крупно, ниже разбивка по трём шагам
и строка «расчёт предварительный, точная цена после замера».
Пересчитывать сразу при изменении любого поля, без кнопки.
Внизу форма: имя, телефон, кнопка «Отправить расчёт».
Тон деловой, светлая тема, крупные поля под мобильные.
Язык русский.
Строка про предварительность расчёта не формальность, а защита. Она честно называет статус числа и снимает часть претензий, если реальная цена окажется выше. Пересчёт без кнопки при этом заметно повышает вовлечённость: человек играет со значениями и остаётся на странице.
Общие приёмы формулировки промптов разобраны в гайде как писать промпт для ИИ-билдера.
Какие шаги от промпта до публикации?
Пять шагов, и третий здесь важнее, чем в любом другом типе проекта.
| Шаг | Что делаете | Что проверить перед следующим шагом |
|---|---|---|
| 1. Описать | Промпт выше со своей формулой по шагам | Названы ли единицы, границы и правило округления |
| 2. Собрать | Ждёте сборку, около минуты | Проект запускается в песочнице, и падение отдаётся как отчёт об ошибке, а не как пустая страница |
| 3. Проверить числа | Считаете три случая на бумаге и сверяете | Совпадает ли результат до последнего знака |
| 4. Править | Просите изменения чатом, по одной за раз | Не сломались ли остальные случаи после правки |
| 5. Опубликовать | Один клик, живой адрес | Ввести ноль, минус и очень большое число |
Шаг с нулём и минусом пропускают почти все, и именно он ловит самые неловкие ошибки. Калькулятор, выдающий отрицательную стоимость ремонта, выглядит хуже, чем его отсутствие.
Как проверить, что калькулятор считает правильно?
Проверка на трёх случаях звучит скучно, но экономит репутацию. Берите не случайные числа, а осмысленные.
Типичный случай. Обычный заказ из вашей практики. Посчитайте вручную, сверьте до копейки. Расхождение чаще всего в округлении.
Граничный случай. Ровно на пороге, где включается надбавка или фиксированный выезд. Ошибки со строгим и нестрогим сравнением живут именно здесь: 20 метров это уже без выезда или ещё с ним.
Абсурдный случай. Ноль, минус, число с десятью нулями, пустое поле. Правильное поведение это внятное сообщение, а не «NaN» на экране.
Перед выдачей проект запускается в песочнице, и сборка, которая не открылась, отдаётся отчётом об ошибке, а не пустой страницей. Это снижает риск белого экрана, но не проверяет вашу арифметику: проверка формулы остаётся на вас. Подробнее про то, что именно проверяется, есть в разборе проверенных сборок.
Зачем калькулятор бизнесу, если есть прайс?
Прайс отвечает на вопрос «сколько стоит единица», а человеку нужен ответ на вопрос «сколько это будет стоить мне». Разница между этими двумя ответами обычно и есть причина, по которой он не пишет.
Калькулятор отсеивает не ваших клиентов. Человек с бюджетом вдвое меньше видит число и уходит сам, не отнимая у менеджера сорок минут. Заявок становится меньше, а сделок столько же или больше.
Он даёт повод оставить контакт. Кнопка «отправить расчёт себе на почту» после интересного числа работает лучше абстрактной формы «свяжитесь с нами». Человек уже вложился во ввод данных и не хочет терять результат.
Он показывает, что вы не прячете цену. В нишах, где принято отвечать «уточняйте», открытый расчёт сам по себе выделяет вас на фоне остальных, даже если итоговая сумма выше средней по рынку.
Он собирает данные о спросе. Если подключить аналитику, видно, какие значения вводят чаще всего. Это прямая подсказка, какой пакет услуг стоит собрать и по какой цене.
Обратная сторона честная: калькулятор, который занижает результат, работает против вас. Человек запомнит первое число и будет считать финальную цену обманом, поэтому лучше округлять вверх и говорить о предварительности прямо на экране.
Сколько стоит собрать и обновлять?
Бесплатный тариф даёт 5 стартовых кредитов, этого хватает, чтобы увидеть первую версию до любых трат. Pro стоит $25 в месяц и включает 200 кредитов, то есть 33 быстрых сборки или 16 полных платформ, плюс подключение своего домена. Для команды есть Business за $99 в месяц.
Одностраничный калькулятор это обычная сборка за 6 кредитов. Правка стоит 3 кредита, и в калькуляторе правок обычно больше, чем в лендинге: формула уточняется. Заложите три-четыре итерации на первый запуск. Если калькулятор становится частью большого сайта, он считается платформой: 12 кредитов за первые три страницы и по 3 за каждую следующую.
Смена прайса это одна правка: «подними цену за метр до 1400 и порог выезда до 25 метров». Раз в квартал это дешевле, чем любой другой способ держать расчёт актуальным.
Опубликованный калькулятор сразу получает адрес вида расчёт.zugo.run, его можно вставить ссылкой в коммерческое предложение. Экспорт в GitHub отдаёт исходники обычным репозиторием, если расчёт понадобится встроить в основной сайт.
Где ИИ-билдер упирается в потолок?
Три границы, о которых честнее сказать заранее.
Очень специфичная бизнес-логика. Многоуровневые скидки, региональные коэффициенты, исключения для отдельных клиентов и правила, которые вы сами держите в голове, доводятся серией правок, а не одним промптом. Это выполнимо, но это работа, а не мгновенный результат.
Расчёты с юридическими последствиями. Налоги, страховые выплаты, кредитные графики. Генератор напишет правдоподобную формулу, а не проверенную вашим бухгалтером или юристом. Ответственность за опубликованное число остаётся на вас.
Внешние данные в реальном времени. Курсы, тарифы перевозчиков, биржевые цены требуют источника и обновления. Через коннектор базы данных это доводится, но одним промптом не описывается, и Zugo не заменяет команду разработки на таком продукте.
Для обычного случая, когда бизнесу нужен понятный калькулятор с вашей формулой и заявкой в конце, задача решается за вечер. Если расчёт вырастет в полноценное приложение с личным кабинетом, посмотрите разбор приложения нейросетью. Начать можно с одного промпта на zugo.dev.