Cline + VS Code: собери свой калькулятор KPI для SMM без программиста

Что мы собираем

Собираем собственный локальный инструмент: открываешь HTML-страницу, выбираешь CSV рекламного кабинета и получаешь таблицу по объявлениям с CTR, CPC, CPA и предупреждениями о некачественных данных. Никакой сервер, регистрация и хранение клиентских выгрузок в облаке для первого прототипа не нужны.

Результат: папка с работающим index.html, примером demo.csv и коротким README.md. Всё собирается через AI-агента Cline в VS Code. Этот гайд отличается от мини-инструмента в одном файле: здесь отрабатываем управляемый процесс Plan → Act → тестирование прямо в редакторе кода.

Что понадобится

• Компьютер с Visual Studio Code и расширением Cline.
• Настроенный у Cline провайдер модели (доступность и стоимость зависят от провайдера).
• Тестовая CSV без персональных данных.
• Пустая папка проекта. Существующие проекты и файлы не трогаем.

Cline разделяет обсуждение решения и действия с проектом. В Plan Mode он помогает продумать архитектуру без изменения файлов; в Act Mode реализует решение. Перед запуском команд и записью файлов проверяй предлагаемые операции.

Что считает калькулятор

Три метрики, которые обычно считают в таблице руками:

• CTR — клики, делённые на показы, в процентах. Показывает, цепляет ли объявление;
• CPC — расход, делённый на клики: сколько стоит один переход;
• CPA — расход, делённый на целевые действия (заявки, покупки, подписки): сколько стоит результат.

Формулы простые, сложности начинаются с данными. В выгрузке из рекламного кабинета попадаются объявления с нулём кликов, и деление на ноль ломает столбец цены клика. Бывают строки, где расход записан через запятую вместо точки, или колонки называются по-разному в разных выгрузках. Калькулятор такие строки не прячет и помечает предупреждением, чтобы в отчёт клиенту не ушёл CPA 0 ₽.

Почему локальный файл

Выгрузки клиентов — чувствительные данные: бюджеты, ставки, результаты. HTML-страница, которая открывается в браузере с твоего компьютера, считает всё на месте и никуда не отправляет CSV. Её можно положить в папку проекта, передать коллеге или доработать, например добавить ROMI, когда появятся данные о выручке.

Рядом по теме: Вайбкодим калькулятор стоимости рекламы, Claude Code для маркетолога, Калькулятор цены для сайта без программиста, статья «Что такое вайбкодинг» и Чек-лист «Перед запуском» (бесплатно).