Десять инструментов для вайбкодинга, из которых семь бесплатные
Первый сайт, первый бот и первая база знаний собираются на десяти сервисах. Семь из них работают бесплатно, за оставшиеся вы отдаете примерно столько же, сколько за две чашки кофе в неделю.
У меня на сайте лежит каталог на 113 инструментов для вайбкодинга. Собирал я его долго, а открываю редко. Реально живых вкладок в браузере десять штук, и ими закрывается почти все, что человек делает в первые месяцы работы с агентами.
Дальше эти десять разложены по слоям и по проектам. Слой отвечает на вопрос, зачем инструмент нужен. Проект показывает, в каком порядке их брать и где начинают уходить деньги.
Что люди собирают первым делом
Набор первых проектов почти не меняется. Люди приходят с разными задачами, а через месяц собирают примерно одно и то же.
- Лендинг под свою услугу. Это одна страница с оффером, блоком выгод и формой заявки. Самый частый первый проект, потому что результат видно сразу и его можно кому-то показать.
- Телеграм-бот. Помощник по своей теме, приемщик заявок или напоминалка. Идет вторым, потому что телеграм у всех уже открыт и клиенту не надо объяснять, куда идти.
- Внутренний инструмент под свою рутину. Скрипт, который собирает отчет, вытаскивает данные из таблиц или переименовывает сотню файлов. Выглядит некрасиво и экономит часы.
- База знаний по своим материалам. Созвоны, договоры, конспекты и PDF, которые лежат в папках и никогда не ищутся.
Пятым обычно идет мобильное приложение, но до него доходят единицы и сильно позже. Под все четыре пункта хватает десяти сервисов, и семь из них ничего не стоят.
Слой первый. Чем думать
Сюда попадает все, что происходит до кода, от формулировки задачи до ответов по своим документам.
Claude
Ежедневный чат. Здесь вы формулируете задачу, спорите с формулировкой, разбираете договор или ТЗ, получаете план проекта еще до того, как открыли редактор. Сильные места у него в длинных текстах, в коде и в работе с файлами.
Вместо него подойдет ChatGPT, если вам ближе его память и голосовой режим. На бытовых задачах разница между ними меньше, чем кажется по спорам в комментариях.
Бесплатный тариф есть, рабочий начинается с 20 долларов в месяц. Эта же подписка дает Claude Code из третьего слоя, так что платите один раз за двоих.
Comet
Браузер с агентом внутри. Самый простой вход в тему для человека, который пока ничего не хочет ставить. Открываете страницу и просите его собрать таблицу из десяти вкладок, заполнить форму или вытащить условия из чужого договора. Агент видит ту же вкладку, что и вы, и умеет в ней кликать.
Внутри поиск Perplexity, поэтому вопросы, где нужны ссылки на источники, закрываются здесь же. Бесплатно.
Агентный браузер ходит по сайтам с вашими залогиненными сессиями. Банк, почту и рабочие админки держите в другом браузере.
NotebookLM
База знаний по вашим файлам. Заливаете PDF, ссылки, видео и расшифровки созвонов, дальше спрашиваете по ним. Отвечает со ссылкой на конкретное место в источнике, поэтому проверка ответа занимает секунду.
Чистый чат на этом месте начинает выдумывать. Как только у вас появились свои документы, вопросы идут сюда. Бесплатно.
Слой второй. Чем вводить
Главный ускоритель во всей этой истории. Задача агенту ставится словами, и чем подробнее вы ее наговорите, тем меньше правок будет потом. Печатать такое лень, диктовать легко.
Handy
Диктовка в любое поле. Держите горячую клавишу, говорите, отпускаете, текст появляется там, где стоял курсор. Работает в редакторе, в терминале, в телеграме, в чем угодно.
Открытый и локальный, звук никуда не уходит. Три минуты сбивчивой речи превращаются в постановку задачи, которую вы печатали бы десять минут и сократили бы вдвое от лени. Бесплатно.
Если хочется, чтобы речь еще и вычищалась на лету, за это берет деньги WhisperFlow.
MacWhisper
Разбирает то, что уже записано, будь то созвон, интервью, голосовое на двадцать минут или лекция с ютуба. Кидаете файл, получаете текст с таймкодами.
Считает локально, поэтому запись клиента не уезжает в чужое облако. Дальше расшифровка идет в NotebookLM, и созвоны сами собой превращаются в базу знаний по проекту.
Бесплатной версии на бытовые задачи хватает, платная покупается один раз.
Слой третий. Чем собирать
Тут живет агент, который пишет код. Разница между двумя пунктами ниже в том, сколько вы видите глазами и сколько держите под контролем.
Cursor
Редактор, в котором агент видит ваш проект целиком. Слева файлы, справа чат, посередине код и превью. Вы просите поменять экран, агент правит нужные файлы и показывает, что именно тронул.
Точка входа для большинства. Кнопки и превью снимают половину страха, потому что видно, что происходит, и любое изменение откатывается назад.
Бесплатного тарифа хватает на первые недели, дальше 20 долларов в месяц. Из похожего есть Antigravity от Google, внутри там Gemini.
Claude Code
Агент в терминале. Следующая ступень после редактора, и на нее переезжают почти все. Вы даете доступ к папке проекта и формулируете задачу целиком. Агент сам читает файлы, запускает команды, ставит библиотеки, поднимает локальный сервер и чинит собственные ошибки.
Терминал пугает первые два дня, потом выясняется, что команд там нужно три. Взамен вы перестаете водить агента за руку по файлам. Есть еще приложение для Mac и Windows, если черное окно совсем не заходит.
Отдельно платить не нужно, входит в подписку Claude.
Задача формулируется словами, правки тоже. Знание синтаксиса перестает быть входным билетом, вместо него нужно умение внятно объяснить задачу и проверить результат.
Слой четвертый. Куда выкладывать
Скучная часть, без которой проект остается папкой на ноутбуке. Выбор сводится к типу проекта. Сайт, бот и данные живут в разных местах, и попытка затянуть их в одно обычно выходит дороже.
Vercel
Хостинг для сайта и лендинга. Подключаете репозиторий, дальше каждое изменение само собирается и выкатывается. Домен, сертификат и превью для каждой ветки идут в комплекте.
Рядом сразу понадобится GitHub, потому что Vercel деплоит из репозитория. Заодно это ваша страховка на тот день, когда агент снесет рабочий файл. Откат делается одной командой.
Бесплатно на личных проектах. Если сайт совсем статический, подойдет Netlify или GitHub Pages.
Railway
Хостинг для бота и бэкенда. Все, что должно работать круглосуточно и слушать входящие сообщения, живет здесь. Подключается тем же репозиторием, ключи и переменные задаются в интерфейсе.
Типовая сборка телеграм-бота держится на четырех кирпичах. BotFather выдает токен, Railway хостит код, OpenRouter отвечает моделью, Supabase помнит пользователей. Первый бот собирается за вечер.
Пробный кредит дают на 5 долларов, дальше 5 долларов в месяц за бота, который работает всегда. Бесплатный план тоже есть, боту на нем тесно.
Supabase
Здесь лежат данные проекта. Внутри Postgres, авторизация, хранилище файлов и реалтайм. Берут его тогда, когда проекту надо помнить что-то между запусками, будь то пользователи, заказы или история переписки с ботом.
Пока проект живет на одной странице, база не нужна. Она появляется ровно в тот момент, когда вы ловите себя на мысли, что список надо где-то сохранить. Бесплатный тариф закрывает первые проекты с запасом.
Четыре проекта из пяти собираются на бесплатных тарифах. Деньги появляются в тот момент, когда проект должен работать без вас.
Сколько это стоит на самом деле
Первый месяц реально прожить на нуле. Бесплатных тарифов Cursor, Vercel и Supabase хватает, чтобы собрать первый сайт и выложить его в интернет, ни разу не достав карту.
Платить вы начинаете в двух точках. Первая это подписка на Claude, она же закрывает Claude Code, и это самая осмысленная трата во всем списке. Вторая это Railway в тот момент, когда бот должен жить круглосуточно.
Получается 25 долларов в месяц за полный набор. Тарифы в этой области переписывают каждый квартал, поэтому перед оплатой стоит свериться с сайтом сервиса.
Не подписывайтесь на пять сервисов разом. Ставьте по одному и только тогда, когда уперлись в лимит бесплатного тарифа. Половину вы не откроете второй раз. Деньги при этом будут списываться исправно.
В каком порядке это ставить
Каждый следующий пункт открывается тогда, когда предыдущий стал узким местом. Если у вас нет созвонов, MacWhisper можно не ставить вообще. Если бота вы не планируете, Railway и Supabase спокойно подождут.
Чего в десятке нет
Несколько вещей я осознанно оставил за бортом. Они появляются позже и под конкретную задачу.
- OpenRouter. Один ключ ко всем моделям сразу. Нужен, когда внутри вашего проекта работает модель.
- Firecrawl или Jina Reader. Превращают чужую страницу в чистый markdown. Нужны, когда проект что-то парсит.
- Conductor. Запускает несколько агентов параллельно по разным веткам проекта. Первые месяцы это лишнее.
- Файл с дизайн-токенами, например через designmd.supply. Лечит ту самую типовую внешность AI-сайта.
- Gamma и ElevenLabs. Презентации и озвучка, к вайбкодингу отношения почти не имеют.
Полный каталог на 113 сервисов лежит на сайте, ссылка ниже. Открывать его стоит тогда, когда в десятке появилась дырка под конкретную задачу. Что из этого выживает и что закрывается, я пишу в канале по ходу дела.
Что запомнить
- Десяти сервисов хватает на лендинг, телеграм-бота, внутренний инструмент и базу знаний по своим файлам.
- Семь из десяти работают бесплатно. Платная часть это подписка на Claude и 5 долларов за хостинг бота.
- Claude Code входит в ту же подписку, что и чат Claude. Второй раз платить не надо.
- Начинать проще с редактора вроде Cursor, дальше почти все переезжают в терминал.
- Голосовой ввод дает больше прироста, чем смена модели. Наговорить постановку задачи быстрее, чем напечатать.
- Расшифровка созвонов плюс NotebookLM превращают болтовню в базу знаний по проекту без единой строчки кода.
- Агентный браузер ходит по сайтам с вашими сессиями. Банк и почту держите в другом браузере.
- Ставить все десять разом смысла нет. Следующий инструмент берется тогда, когда предыдущий стал узким местом.