AI-инструменты, без которых не начать вайб-кодить — 7 штук и зачем каждая

Когда начинаешь вайб-кодить, тонешь в списках «100 AI-инструментов». Правда в том, что для первого проекта нужно семь. Не модных — рабочих. Каждый закрывает один этап пути: придумал → собрал → выложил. Лишнее только отвлекает.

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

1. ИИ-редактор кода — где ты пишешь

Cursor или Windsurf — это VS Code со встроенным ИИ. Описываешь задачу словами, он пишет и правит код прямо в файлах.

• Когда брать: сразу, как только захотел собрать что-то посложнее одной страницы. Это твой основной верстак.
• Подвох: редактор слепо доверять нельзя — перечитывай, что он сгенерил. Что выбрать, разобрано в сравнении Cursor или Windsurf.

2. Чат-модель — чтобы думать и чинить

ChatGPT, Claude или Gemini — твой второй мозг. Объяснить ошибку, набросать план, разобрать незнакомый код, придумать идею.

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

3. Браузерный билдер — от идеи к прототипу за минуты

Bolt, Lovable или v0 собирают рабочее приложение прямо в браузере по текстовому описанию — без установки и настройки.

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

4. Хостинг — чтобы ссылку можно было кому-то скинуть

Vercel или Netlify выкладывают твой сайт в интернет бесплатно. Подключаешь проект — получаешь живую ссылку.

• Когда брать: как только есть что показать. Проект на твоём ноутбуке не существует для мира.
• Подвох: бесплатные лимиты щедрые, но не бесконечные. Для пет-проекта хватит с запасом.

5. Бэкенд и база — где живут данные и вход

Supabase даёт базу данных, вход по почте и хранилище файлов почти без кода. Это «спина» приложения: где лежат пользователи и их данные.

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

6. Git и GitHub — кнопка «отменить» для всего проекта

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

• Когда брать: с самого начала, даже для крошечного проекта. Один раз спасёт от слёз.
• Подвох: поначалу команды путают. Не зубри всё — хватит четырёх: add, commit, push, pull.

7. Менеджер паролей и секретов — чтобы не слить ключи

API-ключи, токены, пароли нельзя оставлять прямо в коде. Менеджер паролей хранит логины, а ключи проекта прячут в переменные окружения (тот самый .env).

• Когда брать: в момент, когда впервые получаешь API-ключ. Не позже.
• Подвох: самая частая ошибка новичка — закоммитить ключ в GitHub. Боты находят такие ключи за минуты. Один раз настрой — и забудь про этот страх.

С чего начать сегодня

Не ставь всё разом. Возьми первые три — редактор, чат-модель, билдер — и собери первый маленький проект. Хостинг, базу и Git подключишь, когда проект попросит сам. Инструмент, который ты не используешь прямо сейчас, — это не подготовка, а прокрастинация.

Это всё платное?

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

А нужен ли мне вообще локальный редактор, если есть билдер?

На старте — не обязательно. Билдер закрывает первые шаги. Но как только логика усложняется, редактор с ИИ даёт контроль, которого в браузере не хватает. Это естественный следующий шаг, а не замена.