Как начать вайбкодить нетехнарю?

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

Кстати, на прошедшей ROИИ 2026 случился дополнительный спонтанный доклад от меня. Нужно было заполнить время между спикерами и я прямо на ходу показал, как собирал лендос конфы. Вы просили поделиться, а так как в официальной программе этого выступления не было - эмбарго на него не распространяется. Решил выложить его для вас!

Если давно хотели начать вайбкодить, но не знали как подступиться - сохраняйте этот пост 😁

1. Начните с визуальных инструментов
Забудьте на старте про CLI, IDE и докеры. Начинайте с визуальных агентов вроде Bolt, Lovable или v0. Вы просто открываете браузер, видите эмулятор и можете буквально "тыкать мышкой", прося изменить конкретные элементы. Меньше когнитивной нагрузки = выше процент усвоения. Под капотом у них Claude, отлично понимающая естественный язык. А сложные термины вы узнаете в процессе.

2. Начинайте с малого
Не делайте сразу огромный проект. Через 2-3 месяца вы поймете, что наломали столько дров, что его проще удалить и переписать заново. Потратите кучу времени и токенов. Ваш старт это мелкие скрипты-оптимизаторы для рабочих задач и мини-приложения.

3. Пишите код осознанно
Вайб-кодинг это не просто слепое согласие с ИИ. Общайтесь с моделью! Спрашивайте агента: "Почему ты написал это именно так? Это безопасно?". Pro Tip: копируйте код во внешнюю LLM и просите объяснений. Больше вопросов - быстрее ваш рост.

4. Качайте насмотренность
Собирайте скрины сайтов, сервисов и приложений, которые вам нравятся и пытайтесь воспроизвести интерфейс. Сложные UX/UI паттерны всегда имеют свои подводные камни. Разобравшись с ними на этапе копирования, вы легко обойдете их в своем проекте.

5. Всегда сохраняйтесь
Достигли результата, который вам нравится? Просите агента сделать коммит в Git. Не полагайтесь на кнопки отката в ИИ-сервисах, они часто ломают проект. Относитесь к этому как к сейвам в игре перед битвой с боссом.

6. Не скупайте все подписки
Вайб-кодинг вызывает жуткое привыкание, многие буквально перестают спать по ночам. А еще 5 новых тулов обеспечат вам расфокус: у каждого из них свои особенности. Лучше стать мастером 1 инструмента, чем посредственно владеть 5. А лимиты и квоты базовых тарифов спасут от бессоницы и сохранят вас в семье 😁

7. Используйте подход Design First
Сначала визуал, потом код. Используйте Figma, Stitch, Nano Banana или рисуйте от руки. С макетом проще понять, чего вы хотите. Отличный паттерн: нарисовать экраны схематично, закинуть фото в LLM и попросить сгенерировать код на базе картинки. По теме я проводил вебинар.

8. Сложные элементы промптите через LLM
Не знаете, как описать сложный блок? Опишите ситуацию в LLM и попросите задать уточняющие вопросы, а затем составить идеальный промпт для кодинг-агента. Дальше итеративно: промпт агенту -> скриншот -> фидбек в LLM. Не самая экономная стратегия, но для сложных задач работает безотказно.

9. Пишите ТЗ самостоятельно
Не просите ИИ написать вам всё ТЗ целиком. Из-за ограничений контекста он упустит корнер-кейсы. Пишите пошагово, думая головой: "Вот главная страница, распишем её функции". Прочитали, поправили. И так для каждого элемента. Без ТЗ не работаем!

10. Не изобретайте велосипед
Нужна авторизация или рассылка писем? Не надо писать это с нуля: это долго и небезопасно. Попросите Perplexity найти готовые компоненты под вашу задачу. Берите репозитории с GitHub, где 500+ звезд и обновления не старше 6 мес. Это сэкономит вам кучу времени.

11. Формируйте библиотеку компонентов
Собирайте свои заготовки: базовые шаблоны или удачные куски кода. Когда в следующий раз вам понадобится подобное - просто скормите этот готовый фрагмент агенту. + 100 к скорости и минус двойная работа.

🚀 Влад Корнышев про AI и создание AI-продуктов