Вайбкодинг2026-06-30Обновлено: 2026-10-198 минАвтор:

Кейс вайбкодинга: с 3 из 10 в нейросетях до дашборда, API и ботов

Ноутбук с дашбордом из столбчатых графиков, рядом окно генератора картинок и уведомление чат-бота

Светлана работает фрилансером в информационной поддержке и до курса Submarine School по вайбкодингу оценивала своё владение нейросетями на 3 из 10. За один поток она сама, с помощью ИИ-инструментов, собрала три вещи: аналитический дашборд по реальным данным, приложение для генерации изображений через API и Telegram-ботов, которые пересылают заявки в канал. Ниже описано, что делает каждый проект, и как собрать похожий, если вы тоже начинаете почти с нуля.

С чем Светлана пришла на курс

Светлана начинала с нуля: программированием до курса она не занималась. Цель она назвала сразу: научиться делать ИИ-продукты на заказ. Идея первого собственного проекта тоже была: база данных и сервис обмена задачами для волонтёров, то есть место, где одни люди оставляют задачи, а другие их берут.

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

Дашборд по 3479 выездам и как собрать такой нейросетью по своей таблице

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

Вот что он показывает. По годам: 2023 год, 822 выезда; 2024 год, 1633; 2025 год, 829; 2026 год (на момент сборки), 195. Всего за период 3479 выездов, самый загруженный месяц пришёлся на июль 2024 года с 281 выездом, в среднем получается 2,4 выезда в день.

Похожий дашборд собирается без установки программ. В чат-версии Claude есть артефакты: отдельное окно рядом с перепиской, где нейросеть создаёт документ, страницу или дашборд, а вы правите его следующими сообщениями. По справке Anthropic, артефакты доступны на всех тарифах, включая бесплатный, и требуют включённых в настройках выполнения кода и создания файлов (справка Claude об артефактах). Порядок работы такой:

  1. Выгрузите свою таблицу в CSV или Excel. Подойдёт любой учёт с датами: заказы, записи клиентов, поездки, обращения.
  2. Удалите столбцы с именами, телефонами и адресами людей. Для графиков по датам они не нужны, а файл уйдёт в чужой сервис.
  3. Приложите файл к сообщению и опишите, что хотите видеть: «дашборд по этому файлу, число событий по годам и месяцам, самый загруженный месяц, среднее в день». Отдельно попросите строить графики только по приложенному файлу.
  4. Сверьте итоги с исходной таблицей: сумма по годам должна совпасть с общим числом, а пиковый месяц легко проверить фильтром.
  5. Просите правки по одной: другой тип графика, фильтр по году, подписи на русском.

Четвёртый шаг пропускать нельзя. Нейросеть иногда достраивает данные, которых в файле нет, и красивый график с придуманными цифрами опаснее, чем отсутствие графика. В дашборде Светланы такая проверка проходит в одну строку: 822 + 1633 + 829 + 195 дают ровно 3479, то есть годовые цифры и общий итог сходятся между собой; останется сверить пару цифр с исходной таблицей.

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

Учиться проще, когда уже видели результат. Завтра в 12:00 МСК на бесплатном мастер-классе ИИ-агент на ваших глазах выполняет задачу целиком, а в Claude Code за эфир собирают работающий сервис.

Посмотреть бесплатно

Генератор изображений через API

Второй проект называется Polza Image Generator. Пользователь выбирает модель, задаёт размер картинки, вводит промпт и получает готовое изображение. На этом проекте Светлана поработала с API, то есть с программным доступом к нейросети, когда ваше приложение само отправляет запрос модели и получает ответ без участия человека в чате.

Такие приложения устроены одинаково: страница с формой собирает модель, размер и текст промпта, ваш сервер добавляет к ним секретный ключ и отправляет запрос в сервис генерации, а готовую картинку возвращает на страницу. Если вы в России, удобнее всего начинать с агрегатора, где один ключ открывает много моделей. Например, у российского Polza.ai единый API, совместимый с форматом OpenAI, а пополнять баланс можно картой, через СБП или по счёту (сайт Polza.ai).

В документации Polza.ai генерация картинок идёт через адрес /api/v1/media, а в запросе передаются те же поля, что в форме Светланы: модель в model, а внутри объекта input промпт prompt и соотношение сторон aspect_ratio (пример для модели Seedream 4.5). Там же сказано, что за запрос, который завершился ошибкой, деньги не списываются (справочник API Polza.ai), поэтому неудачную генерацию на этапе отладки можно спокойно повторить.

Главное правило при сборке: ключ API хранится на сервере, в переменной окружения вроде POLZA_AI_API_KEY, и никогда не попадает в код страницы. Любой посетитель может открыть исходный код сайта в браузере, найти ключ и тратить ваш баланс. Когда просите нейросеть собрать генератор, так и напишите: «ключ держи только на сервере, в коде страницы его быть не должно». Собирается такое приложение в Claude Code: опишите форму из трёх полей и серверную часть, которая отправляет запрос в Polza.ai, затем попросите показать, в каком файле лежит ключ, и разместите проект на хостинге, где можно задать переменные окружения. Как получить и подключить ключ на примере Claude, показано в инструкции про API-ключ Claude.

Самый короткий путь в вайбкодинг Яков Юдин раскладывает на шесть шагов на бесплатном мастер-классе завтра в 12:00 МСК: инструменты, рабочее место, первые задачи для агента. Код и английский не нужны. Досмотревшим пошаговый гайд по выбору инструмента.

Хочу на мастер-класс

Telegram-боты, которые пересылают заявки в канал

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

Бот начинается с @BotFather: вы отправляете ему команду /newbot, придумываете имя и получаете токен. Официальное руководство Telegram просит хранить токен в надёжном месте, относиться к нему как к паролю и никому не передавать; при утечке его можно отозвать через тот же @BotFather (руководство Telegram для разработчиков ботов). Затем бота добавляют в канал администратором с правом публиковать сообщения (в Bot API это право can_post_messages, описание прав администратора), иначе он не сможет туда писать.

Для пересылки у Telegram Bot API есть два метода, и выбор между ними стоит обдумать заранее. Метод forwardMessage пересылает сообщение с пометкой, от кого оно пришло, а copyMessage создаёт копию без ссылки на исходное сообщение (документация Telegram Bot API). Если в канал смотрят несколько человек и важно видеть автора заявки, берите первый; если отправителя нужно скрыть, второй. Пошаговая настройка такого бота есть в статье как сделать, чтобы бот пересылал сообщения, а где запустить бота, чтобы он работал круглосуточно, объясняет инструкция про хостинг и запуск бота.

По теме: Как сделать сайт-портфолио: структура и проверка в 2026

Что из этого можно показывать заказчику

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

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

Как пройти такой путь самостоятельно

Порядок, в котором проекты Светланы усложняются, подходит почти любому, кто начинает с нуля: сначала работа только с вашими данными, затем подключение внешнего сервиса, затем автоматизация, которая работает без вас.

  1. Выберите таблицу из своей работы и соберите по ней дашборд в артефактах Claude, как описано выше.
  2. Установите Claude Code: основной путь для большинства, десктопное приложение для Windows и macOS со страницы Claude Code; терминальная версия нужна тем, кому она привычнее. По той же странице в приложении Claude Code доступен на тарифах Pro, Max, Team и Enterprise, на бесплатном тарифе его нет. В нём удобнее вести проекты, где есть сервер и несколько файлов.
  3. Соберите маленький генератор картинок с ключом на сервере и проверьте, что ключа нет в коде страницы.
  4. Сделайте бота с пересылкой заявок и запустите его на сервере, чтобы он отвечал, пока ваш компьютер выключен.
  5. Оформите все три проекта в кейсы с видео и ссылками.

Россия не входит в список стран, где Anthropic поддерживает Claude, поэтому для входа и оплаты нужны VPN и зарубежная карта или посредник; риск один: аккаунт из неподдерживаемой страны могут ограничить, поэтому не держите на балансе лишнего; вход и оплата Claude Code из России делаются по шагам. Если хочется начать вообще без сервисов, которые требуют обходных путей, начните с первого шага на любой доступной нейросети, а затем переходите к остальным.

Светлана проходила этот путь на курсе Submarine School. Школу основала Евгения Зеленова, она в онлайн-образовании с 2017 года, обучение в школе прошли или проходят более 2 500 человек. Проекты выпускников с живыми ссылками собраны на странице работ выпускников, отзывы публикуются в Telegram-канале с отзывами. Если вы пока выбираете, с чего начать, план первого проекта по шагам есть в статье как начать вайбкодить с нуля.

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

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

Да, Светлана пришла без опыта программирования. Код пишет нейросеть, а от вас требуется точно описать задачу, проверить результат и попросить исправить то, что работает не так.

Что проще всего повторить первым?

Дашборд по своей таблице. Для него не нужны сервер, ключи и хостинг: файл, бесплатный тариф Claude с артефактами (из России через VPN) и полчаса на сверку цифр.

Сколько стоит генерация картинок через API?

Цена зависит от модели и качества и указана на странице каждой модели в каталоге сервиса. У Polza.ai, по документации, неудачный запрос не оплачивается, поэтому тесты обходятся дешевле, чем кажется; начните с небольшого пополнения баланса.

Нужен ли сервер для Telegram-бота?

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

История Светланы показывает, что начать можно и с 3 из 10. Завтра в 12:00 МСК на бесплатном мастер-классе покажут 6 шагов к вайбкодингу с нуля и за один эфир соберут работающий сервис без кода. Досмотревшим 30 идей с промптами.

Хочу на мастер-класс
Разборы, кейсы и фишки вайбкодинга каждую неделю в телеграм-канале «Яков вайбкодит».
Смотрите ИИ-агента в деле: завтра в 12:00 МСК, бесплатно Записаться