Как я сделала калькулятор, не умея программировать

Калькулятор копирайтера — это сервис для подсчета стоимости статьи. Зачем я его сделала? Все дело в том, что не всегда легко понять, сколько просить за статью, рынок не всегда подсказывает и на него не всегда стоит ориентироваться и вообще.

Как придумала Я регулярно вижу в копирайтерских и редакторских чатиках вопросы «а сколько вы берете за сценарий для Ютуба?» или «а вот клиент попросил написать SCORM-лонгрид про логистику, это что и сколько за это брать?».

В этой сфере нет никаких справедливых цен, клиент платит сколько может, а копирайтер просит, сколько пришло в голову попросить. Но для себя стоимость все же как-то хочется объяснить — вот для таких ситуаций и нужен калькулятор.

Как устроена логика Изначально я ориентировалась на калькулятор подработки от Т—Ж. Мне вообще очень нравятся их калькуляторы и тесты. Здесь предлагается ввести свой доход за месяц и количество рабочих часов — так можно вывести стоимость часа.

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

Но копирайтеры часто считают за знаки, как издавна устроено на биржах. Поэтому и такой вариант добавлен 😎

По аналогии с Т—Ж в калькуляторе копирайтера есть возможность добавить налог — он покажет ту сумму, что надо просить у клиента, и ту сумму, что вы получите.

Есть и повышающие коэффициенты — например, SEO-оптимизация текста, создание иллюстраций с нуля, интервьюирование эксперта. Либо можно все это проигнорировать и добавить свой процент (надбавку за вредность клиента, например).

Как реализовала, учитывая, что я не программистка Это, наверное, самое интересное. У меня есть минимальные знания в верстке, но я не знала, как сделать, чтобы, грубо говоря «при вводе чего-то случилось что-то». Помог муж — он ранее реализовал свой онлайн-подбор характеристик динамической стропы.

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

0️⃣ Пошла в Qwen и попросила мне сделать базовую версию этого калькулятора. То есть прям включила режим «веб-разработка» и текстом описала, что мне надо. Получилось 2 поля: доход за месяц и количество рабочих часов. Результатом их заполнения было новое поле — стоимость часа. Это дало мне понять, что в принципе все возможно, а также первые файлы с кодом калькулятора.

1️⃣ Разработала логику — то есть какие будут поля, что будет происходить при их заполнении. Тут мне помогли ChatGPT и Deepseek; подойдёт любая LLM. Я общалась с ней как с человеком, спрашивая, что ещё мне добавить, рассказывая свою задумку, приводя (и прося найти) в интернете информацию о цифрах в копирайтинге. Результатом этого шага стал как бы текстовый прототип будущего калькулятора — что где будет.

2️⃣ Открыла новый тред с ChatGPT, куда скопировала окончательную логику — и попросила сгенерировать промпт на реализацию этой логики для Qwen.

3️⃣ Снова пошла в Qwen, и там пошагово сгенерировала весь калькулятор. Скачала код.

Если кажется, что на этом всё — то работа только началась. Дальше я работала с этими файлами (html, css, js) точечно сначала в Cursor AI, потом в Trae. Не оплачивала ни тот, ни другой, потому что пока изучаю (склоняюсь к Курсору больше в итоге).

Сложно сказать, что это за программы, наверное самое близкое будет — среда разработки, где интегрирован ИИ. Он дает подсказки и автодополнения по коду, а также с ним можно общаться в режиме помощника.

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

Кстати, что касается дизайна — тут тоже без ИИ не обошлось. Я взяла один из цветов своего ТГ-канала и растянула в палитру с помощью Coolors. Затем попросила Deepseek проанализировать палитру и предложить, к каким элементам страницы какой цвет подойдёт. Фон сделала в Фигме.

Собрала все воедино в Cursor и вот что вышло: https://textprice.ru

Такие дела!