113 лучших сервисов для вайбкодинга и работы с ИИ

Это мой рабочий каталог. Все, что открыто в закладках, стоит в терминале или висит подписками, я собрал в один документ и разложил по полкам.

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

Поэтому текст устроен как полка с ящиками. Глава это ящик, внутри короткая подводка и список сервисов с описанием в одну строку. Каждое название кликабельно.

Перед тем как открывать список, полезно ответить себе на четыре вопроса. Они отсекают девять десятых вариантов и оставляют одну полку.

Чат-ассистенты, поиск с источниками, автономные агенты и браузеры, в которых AI живет прямо поверх страницы.

Те самые нейросети-собеседники. Формально это LLM: модель, которая понимает и пишет текст. Умеют почти одно и то же, но характер у каждой свой, и разница видна на длинных задачах.

Эти держу под конкретные случаи: дешево, свежо или сильно в одном узком месте.

Чату ты задаешь вопрос и получаешь текст. Агенту ты задаешь цель, и он сам ходит по инструментам, пока задача не закроется.

Агент стоит дороже чата: он делает много шагов и на каждом тратит токены. Считай это платой за то, что не сидишь рядом.

Помощник видит ту же вкладку, что и ты. Удобно для длинных статей и чужих интерфейсов.

Редакторы, билдеры и терминальные агенты. Тот самый вайбкодинг, когда задачу диктуешь словами, а на выходе получаешь рабочий проект.

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

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

Через месяц появляется одна и та же потребность: запустить три агента разом и не дать им подраться за файлы.

Порог входа тут не в самих инструментах, он в привычках: как ставить задачу, где остановить агента, что проверять на выходе. Этому мы и учимся на кэмпе Точки над ИИ, на реальных проектах участников.

Пока проект один, git кажется лишним. Он спасает ровно в тот день, когда агент сносит рабочий файл.

Все, что превращает твои материалы в результат: надиктовать, разобрать, спросить у собственных документов, собрать презентацию и таблицу.

Надиктовать мысль почти всегда быстрее, чем набрать. Четыре разных сценария, путать их дорого.

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

Самая рабочая связка этой главы это Fireflies плюс NotebookLM: созвоны сами превращаются в учебник по проекту. Вот еще пара конвейеров, которые я гоняю постоянно.

Логика везде одна: даешь текст или тему, получаешь готовую верстку, дальше правишь руками.

Ценность в том, что модель работает внутри твоего файла и не ломает готовые формулы.

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

Главная беда сгенерированного сайта это узнаваемая типовая внешность. Лечится одним приемом: кладешь в проект файл с дизайн-токенами и просишь агента держаться его.

Кстати, все картинки в этой статье нарисованы ровно так: у нас есть файл с токенами кэмпа, агент рисует по нему HTML и снимает скриншот. Ни одного ручного пикселя.

Дальше нужен инструмент, который превращает описание или скриншот в живую верстку.

Копируешь код и получаешь эффект, который сам собирал бы неделю. Почти все ставится через shadcn CLI или цепляется к агенту по MCP.

Новая полка. Если делаешь свой чат или агента, у него есть типовые состояния: думает, зовет инструмент, стримит текст.

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

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

Для разовой задачи хватает Jina Reader: бесплатно и без регистрации. Firecrawl берут, когда страниц становятся тысячи.

Готовые платформы. Дороже, но заводятся за десять минут.

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

Защита от ботов строится слоями, и обходят ее тоже слоями. Тяжелый слой включают только тогда, когда легкий не прошел.

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

Как только проект начинает работать сам, ему нужен собственный ключ. Дальше вопрос только в цене и скорости.

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

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

Выбор сводится к типу проекта. Сайт, бэкенд и тяжелые вычисления живут в разных местах, и попытка засунуть их в одно обычно выходит дороже.

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

Если открыть весь этот каталог разом, хочется закрыть его обратно. Поэтому вот минимум, с которого стоит начать.

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

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

Часть сервисов отсюда через год переименуется, часть закроется, часть станет функцией внутри чата. Это нормально и заранее заложено в устройство каталога.

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

Обновленную версию этой полки я держу в кэмпе Точки над ИИ: там же лежат разборы связок из конвейеров выше и бесплатный плейбук с промптами и шаблонами под каждую полку.