Инструменты для вайбкодинга: каталог из 113 сервисов

Почему каталог устроен как полка с ящиками

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

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

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

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

---

Выбор за четыре вопроса

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

1. Какой тип задачи? Текст ведет к чат-ассистенту, факты со ссылками к AI-поиску, код к кодинг-инструменту, аудио к расшифровке.
2. Нужен файл или код на выходе? Тогда берите сервис, который сразу отдает артефакт: v0 отдает код, Gamma слайды, Firecrawl markdown.
3. Разово или регулярно? Разовую задачу решает веб-интерфейс, регулярную решает связка через API или свой бот.
4. Есть свои данные? Если работаете по своим PDF и заметкам, начинайте с базы знаний. Чистый чат в этом месте начнет выдумывать.

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

---

Глава 1. Думать и искать

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

Чат-ассистенты

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

• Claudeреферальная. Ассистент Anthropic: большой контекст, артефакты, проекты. Сильнее всех в письме, коде и разборе документов. Мой основной.
• ChatGPT. Универсал OpenAI: память, голос, картинки, режим агента.
• Gemini. Длинный контекст, мультимодальность, живет внутри Google Workspace.
• Perplexity. AI-поиск: отвечает со ссылками на источники, есть Deep Research.

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

Второй эшелон

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

• DeepSeek. Открытая китайская модель с упором на рассуждения и математику.
• Grok. Ассистент xAI с доступом к X в реальном времени и минимумом цензуры.
• Kimi. Чат Moonshot AI с длинным контекстом.
• Qwen. Бесплатный ассистент Alibaba: текст, картинки, видео и код в одном окне.

Агенты, которые работают сами

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

• Manus. Автономный агент прямо в Telegram: ресерч, анализ, документы.
• Hermes. Открытый агент Nous Research, разворачивается на своем сервере. Разбор устройства лежит в гайде про Hermes.
• Claude Co-Work. Ставите цель и расписание, Claude сам работает с файлами и отчетами.
• Genspark. Супер-агент: ресерч, звонки, документы и слайды.
• OpenClaw. Открытая платформа для своего агента круглосуточно на собственном сервере.

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

AI поверх страницы

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

• Comet. Браузер Perplexity: вопросы по странице и действия на ней.
• Dia. Браузер от создателей Arc, суммирует вкладки.
• Claude для Chrome. Расширение: чат и работа с выделенным текстом.
• Sider. Сайдбар, где GPT, Claude и Gemini отвечают рядом.
• Microsoft Edge. Обычный браузер со встроенным Copilot.

---

Глава 2. Писать код

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

Редакторы и билдеры

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

• Cursor. AI-редактор на базе VS Code, внутри Claude и GPT. Точка входа для большинства.
• Antigravity. Агентная среда разработки Google на Gemini 3, форк VS Code.
• Qoder. Держит в голове архитектуру проекта целиком, долго копает одну задачу.
• v0. Билдер Vercel: по описанию собирает React и публикует в клик.
• Google AI Studio. Площадка для Gemini API и сборки приложений.
• Natively. Конструктор нативных приложений для iOS и Android.

Холсты внутри чатов

• ChatGPT Canvas. Отдельный холст для правки текста и кода по выделению.
• Gemini Canvas. То же у Google, с превью результата.
• Kimi K2. Открытая модель под код и агентные задачи, контекст до 256K.

Редактор	Агент
Код правите вы	Задачу делает целиком
Виден каждый шаг	Сам чинит свои ошибки
Медленно на рутине	Нужен контроль на выходе

Кодинг-агенты

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

• Claude Codeреферальная. Агент Anthropic. Есть терминал, приложение для Mac и Windows, веб и расширение для редактора. Файлы, bash, хуки, скиллы, субагенты.
• Codex. Агент OpenAI. Нативное приложение, расширение, терминал и облако. Пишет код и открывает пул-реквесты.
• OpenCode. Открытый агент: терминал и десктоп, больше 75 моделей на выбор.
• Claude Co-Work. Приложение для задач без кода на том же движке: файлы, таблицы, отчеты.

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

Задача формулируется словами, правки тоже. Знание синтаксиса перестает быть входным билетом. Нужно умение внятно объяснить задачу и проверить результат.

Когда агентов много

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

• Conductor. Приложение для Mac: параллельные агенты в изолированных ветках проекта.
• Orca. Открытая среда с ветками, диффами и встроенным браузером.
• Rabbithole. Бесконечный холст, где задачи и знания лежат вокруг агентов.

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

Куда складывать код

• GitHub. Репозитории, пул-реквесты, задачи, автоматизация сборок.
• GitHub Desktop. Тот же GitHub кнопками, без терминала.

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

---

Глава 3. Голос, файлы, слайды

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

Речь в текст

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

• MacWhisper. Расшифровка аудио локально на Mac, без облака. Для встреч и интервью.
• WhisperFlow. Диктовка в любое приложение, AI на лету чистит речь.
• Handy. Бесплатный и открытый: горячая клавиша, говорите, текст вставляется. Все локально.
• Fireflies.ai. Сам приходит в Zoom, Meet и Teams, пишет саммари и задачи.

Текст в голос

• ElevenLabs. Реалистичная озвучка, клонирование голоса, дубляж, API.
• Fish Audio. Голоса и клонирование, подключается к агенту по MCP.

Свои материалы

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

• NotebookLM. Заливаете PDF, видео и сайты, спрашиваете по ним. На выходе ответы со ссылкой на источник, подкаст и майндмэп.
• Notion. Документы, базы и проекты со встроенным AI.
• Claude для Word. Правит документ в режиме рецензирования и объясняет каждую правку.
• Google Labs. Витрина экспериментов Google: Whisk, ImageFX и остальное.

Самая рабочая связка главы это Fireflies плюс NotebookLM: созвоны сами превращаются в учебник по проекту. Первый сервис разобран в гайде про NotebookLM, а отдельным приемом мы показывали, как в него заезжает выгрузка Telegram-чата. Когда таких источников становится много, они складываются в личную базу знаний.

Презентации

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

• Gamma. Промпт превращается в готовый дизайн. Умеет еще документы и сайты.
• Kimi Slides. Два режима: быстрый на 5 минут и глубокий с ресерчем на час.
• ChatGPT для PowerPoint. Собирает и правит презентацию внутри редактора.
• Claude для PowerPoint. Перестраивает слайды внутри вашего шаблона, графики остаются редактируемыми.
• Figma Slides. Презентации с компонентами и совместной правкой.

Если презентация нужна в фирменном стиле, генератор проиграет. Проще один раз собрать верстку кодом через агента и дальше менять только текст: этот способ вместе с двумя другими разобран в гайде про презентации с AI-агентом.

Таблицы и цифры

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

• Claude in Excel. Вопросы по ячейкам, смена допущений, модели с нуля.
• Rows. Онлайн-таблицы со встроенным аналитиком и интеграциями.
• ChatGPT для Google Таблиц. Дополнение в боковой панели Sheets.
• Gemini в Google Sheets. Формулы и очистка данных по описанию.

---

Глава 4. Дизайн и интерфейс

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

Задать стиль агенту

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

• designmd.supply. Вставляете адрес сайта, получаете DESIGN.md с его цветами, шрифтами и отступами.
• Neuform. Больше 400 дизайн-систем реальных сайтов на скачивание.
• getdesign.md. Одной командой кладет design.md с токенами известных продуктов в проект.
• Impeccable. Открытый дизайн-скилл против типового AI-интерфейса.
• Mobbin. Тысячи скриншотов реальных приложений и пользовательских сценариев.
• Dribbble. Классическая галерея дизайнеров для референсов.

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

Собрать интерфейс

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

• Claude Designреферальная. Описываете идею, получаете код компонента или экрана.
• Aura. Из промпта или скриншота собирает HTML с Tailwind и файл для Figma.
• v0. Тот же билдер Vercel, здесь ценен как генератор интерфейса.
• Variant. Листаете ленту вариантов по референсу вместо написания промптов.
• 21st.dev. Реестр UI-компонентов и агентов: SDK, MCP, шаблоны.
• CodePen. Песочница для быстрых прототипов на HTML, CSS и JS.

Компоненты и эффекты

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

• Canvas UI. Больше 30 эффектов поверх живой верстки: частицы, стекло, жидкость.
• Originkit. Большая бесплатная библиотека анимированных компонентов.
• Transitions.dev. Переходы: раскрытие карточек, модалки, меню, смена иконок.
• MotionSites. Промпты для анимированных первых экранов.
• Border Beam. Светящийся луч по рамке блока.
• Liquid Metal. Шейдер жидкого металла для кнопок.
• icons0.dev. Поиск по 200 наборам иконок, ставится одной командой.

Интерфейс для самого AI

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

• AIcss. Компоненты AI-чата на чистом CSS: размышления, вызовы инструментов, стриминг.
• Beautiful UI. 17 примитивов: поле ввода, подтверждения от человека, диффы, таблицы.
• Thinking Orbs. Индикаторы состояния агента: четыре орба, две темы.
• Agentation. Тыкаете в элементы страницы и пишете замечания, на выходе бриф для агента.

---

Глава 5. Данные

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

Страница в markdown

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

• Firecrawl. Страницы, тяжелые сайты и PDF превращаются в чистый markdown или JSON через API.
• Jina AI Reader. Добавляете r.jina.ai перед ссылкой и получаете markdown. Щедрый бесплатный тариф.
• Defuddle. Движок Obsidian Web Clipper: режет рекламу, меню и сайдбары.
• MarkItDown. Проект Microsoft: в markdown уходит любой файл, включая Office и аудио.
• Crawl4AI. Популярный открытый скрапер под LLM.

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

Когда лень писать код

• Apify. Маркетплейс из 28 тысяч готовых скраперов плюс SDK.
• Thunderbit. Расширение для Chrome: данные в два клика в Sheets, Notion или Airtable.
• RSS.app. Любой сайт превращается в RSS с автопостингом в Telegram и Slack.

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

Написать свой скрапер

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

• Scrapy. Промышленный скрапер на Python, классика жанра.
• Crawlee. Фреймворк Apify: прокси, ретраи, очереди.
• Scrapling. Сам подстраивается под изменения верстки.
• AutoScraper. Показываете пример данных, он выводит правило сам.
• scrcpy. Управляет Android с компьютера, когда у сервиса есть только приложение.
• Browser Use. Агент водит браузер как человек: кликает, логинится, забирает данные.

Если сайт закрыт

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

• curl_cffi. Легкий первый слой: подделывает отпечаток браузера.
• curl-impersonate. Прокачанный curl с отпечатком Chrome.
• CloakBrowser. Замена Playwright на патченом Chromium.
• invisible_playwright. То же самое на патченом Firefox.

---

Глава 6. Инфраструктура

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

Доступ к моделям

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

• OpenRouter. Один ключ ко всему: больше 300 моделей, автороутинг по цене.
• OpenAI API. Прямой доступ к GPT, генерации картинок и распознаванию речи.
• Groq API. Инференс на специальных чипах, до десяти раз быстрее обычных GPU.
• Cohere Reranker. Переупорядочивает результаты поиска. Нужен, когда собираете поиск по своим документам.
• BotFather. Отсюда берется токен для своего Telegram-бота.

MCP и автоматизация

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

• Zapier MCP. Восемь тысяч интеграций одним подключением: Gmail, Slack, Notion.
• Context7. Выдает агенту свежую документацию библиотек прямо в контекст.
• MCP Market. Каталог готовых MCP-серверов.
• Leapter. Рисуете бизнес-логику без кода и публикуете как инструменты для агента.
• GoHighLevel. CRM все в одном: лиды, воронки, рассылки, AI-звонки.
• Is It Agent Ready. Проверяет, видит ли ваш сайт AI-агент.

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

Куда выкладывать

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

• Vercel. Фронтенд и Next.js: деплой из репозитория, превью на каждую ветку.
• Railwayреферальная. Боты, бэкенд и PostgreSQL, оплата по факту.
• Netlify. Статика и JAMstack: CDN, формы, функции на границе сети.
• GitHub Pages. Бесплатный хостинг статики прямо из репозитория.
• Modal. Облачные GPU для инференса из Python, без возни с серверами.

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

Где хранить данные

• Supabase. Открытая альтернатива Firebase: Postgres, авторизация, файлы, реалтайм. Дефолт для большинства проектов.
• Neon. Serverless Postgres с ветвлением базы как в системе контроля версий.
• Pinecone. Векторная база под семантический поиск и память агента.

Типовая сборка Telegram-бота из четырех кирпичей. Ровно ее участники кэмпа собирают на первом модуле и запускают в первую неделю.

---

Глава 7. С чего начать

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

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

Когда захочется собрать свое

• Сайт или лендинг. Cursor или v0, публикация на Vercel.
• Telegram-бот. BotFather дает токен, Railway хостит, OpenRouter отвечает.
• Внутренний инструмент. Claude Code в терминале, данные в Supabase.

Порядок расходов

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

---

Задача и чем делать: шпаргалка

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

Каждый день

Задача	Чем делать
Написать текст	Claude, ChatGPT
Найти факты со ссылками	Perplexity, Genspark
Расшифровать созвон	Fireflies, MacWhisper
Диктовать в приложение	WhisperFlow, Handy
База знаний по файлам	NotebookLM, Notion
Озвучить текст голосом	ElevenLabs, Fish Audio
Сделать презентацию	Gamma, Kimi Slides
Работать с таблицами	Claude in Excel, Rows
Читать веб вместе с AI	Comet, Dia

Писать код и собирать проекты

Задача	Чем делать
Писать код в редакторе	Cursor, v0
Выдать задачу агенту	Claude Code, Codex
Несколько агентов разом	Conductor, Orca
Мобильное приложение	Natively
Свежая документация	Context7
Задать чужой стиль	designmd.supply, Neuform
Страница в markdown	Firecrawl, Jina Reader
Задеплоить сайт	Vercel, Netlify, GitHub Pages
Бот или бэкенд	Railway
База данных	Supabase, Neon
Один ключ ко всем моделям	OpenRouter

---

Что стоит знать заранее

Честные оговорки, из-за которых каталог не превращается в рекламный проспект.

Китайские модели. DeepSeek, Kimi и Qwen дешевые и сильные, при этом данные уходят на серверы в Китае.

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

Стелс-парсинг. curl_cffi, CloakBrowser и invisible_playwright обходят антибот-защиту. Это часто нарушает условия сайта, а местами и закон.

Ранние версии. Claude Co-Work и часть агентных сред меняются на ходу. Критичные процессы на них строить рано.

Цены. Тарифы в этой области переписывают каждый квартал. Проверяйте актуальную цену на сайте сервиса перед подпиской.

Как этот список стареет

Часть сервисов отсюда через год переименуется, часть закроется, часть станет функцией внутри чата. Это заложено в устройство документа заранее. Держитесь принципа задача, категория, инструмент, и замена находится за пять минут. За тем, что появляется нового и кто из этого выживает, мы следим в клубе и в канале Точки над ИИ.

---

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

Что такое вайбкодинг простыми словами?

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

С каких сервисов начать, если раньше ничего не пробовал?

Хватает четырех. Чат-ассистент на каждый день: Claude или ChatGPT. AI-поиск с источниками: Perplexity. Голосовой ввод вместо печати: WhisperFlow или бесплатный Handy. База знаний по своим файлам: NotebookLM. Этот набор закрывает большую часть ежедневных задач, три сервиса из четырех работают бесплатно.

Сколько стоит начать заниматься вайбкодингом?

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

Чем редактор кода отличается от кодинг-агента?

В редакторе вроде Cursor вы видите файлы, кнопки и превью, а правки идут шагами и каждый шаг виден. Кодинг-агент вроде Claude Code получает доступ к папке проекта, сам читает файлы, запускает команды и правит код целиком под задачу. Редактор нагляднее и медленнее на рутине, агент быстрее и требует контроля на выходе. Начинать проще с редактора, дальше многие переезжают в терминал.

Что такое MCP простыми словами?

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

Безопасно ли пользоваться китайскими моделями?

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

Как быстро устаревает такой каталог инструментов?

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