У тебя нет опыта в коде. Ни строчки. Может, ты дизайнер, маркетолог, студент, фрилансер — неважно. Ты слышал, что AI теперь пишет код за тебя, но все гайды начинаются с «откройте терминал» и «установите Node.js». И ты закрываешь вкладку.
Эта статья — для тебя. Никакого терминала. Никакой установки. Через 10 минут у тебя будет работающая личная страница в интернете. Серьёзно.
Статья для тех, кто никогда не программировал и хочет попробовать вайб-кодинг с абсолютного нуля. Если у тебя уже есть опыт с кодом — тебе больше подойдёт пошаговый гайд от идеи до деплоя или кейс: SaaS за 19 дней.
Что такое vibe coding (в двух словах)
Vibe coding — ты описываешь словами что хочешь, AI пишет код. Не ты. AI.
Андрей Карпатый (сооснователь OpenAI, бывший директор AI в Tesla) придумал этот термин в начале 2025 года. Идея простая: если можешь объяснить — можешь создать. Порог входа — ноль.
Ты не становишься программистом. Ты становишься человеком, который умеет объяснить задачу машине. Это разные вещи.
Инфо
Другие гайды по вайб-кодингу предполагают, что ты знаешь терминал, Git и npm. Здесь ничего этого не нужно. Только браузер и 10 минут.
Что попробовать прямо сейчас за 5 минут
Не хочешь читать всю статью? Вот самый быстрый способ попробовать вайб-кодинг прямо сейчас.
Вариант 1: Bolt.new (0 минут на настройку)
- Открой bolt.new в браузере
- Напиши: «Сделай красивый таймер обратного отсчёта до Нового года. Тёмная тема, большие цифры, минималистично»
- Жди 15-20 секунд
- Готово. Рабочий таймер прямо в браузере
Не нравится результат? Напиши: «Сделай цифры крупнее и добавь анимацию». Bolt перестроит. Каждое сообщение — новая версия.
Вариант 2: ChatGPT (если уже есть аккаунт)
- Открой chat.openai.com
- Напиши: «Напиши HTML-страницу: таймер обратного отсчёта до Нового года. Красивый дизайн, тёмная тема, большие цифры. Весь код в одном файле»
- ChatGPT выдаст код
- Скопируй, вставь в текстовый файл, сохрани как
timer.html, открой в браузере
Bolt удобнее — результат видно сразу, без копирования файлов. Но ChatGPT тоже работает.
Попробовал? Поздравляю — ты только что занимался вайб-кодингом. Всё, порог пройден.
Первый настоящий проект: личная страница за 10 минут
Таймер — это разминка. Теперь сделаем что-то полезное: личную страницу-визитку, которой можно поделиться.
Я покажу на Bolt.new — потому что там ноль настройки и результат виден мгновенно. Подробнее о Bolt я писал в отдельном гайде.
Шаг 1: Открой bolt.new и напиши задачу
Сделай мне личную страницу-визитку.
Моё имя: [твоё имя]
Я: [кто ты — дизайнер, студент, маркетолог]
Секции:
- Обо мне (2-3 предложения)
- Мои навыки (список)
- Контакты (email, Telegram)
Дизайн: минималистичный, тёмный фон, светлый текст.
Сделай красиво — как будто нанял дизайнера.
Шаг 2: Посмотри результат
Через 20-30 секунд Bolt покажет готовую страницу. Прямо в браузере — ничего открывать не нужно.
Шаг 3: Подправь что не нравится
Пиши прямо в чат:
- «Сделай шрифт крупнее»
- «Добавь мою фотку сверху» (можно вставить ссылку на фото)
- «Поменяй акцентный цвет на оранжевый»
- «Добавь ссылку на мой Instagram»
Каждый раз Bolt обновит страницу. Можно делать сколько угодно итераций.
Шаг 4: Опубликуй
Нажми Deploy — Bolt даст тебе ссылку. Бесплатно. Можешь скинуть друзьям, добавить в резюме, поставить в био Instagram.
Совет
Чем конкретнее описываешь — тем лучше результат. «Красивый сайт» — плохо. «Минималистичная страница, тёмный фон, белый текст, без анимаций, шрифт Inter» — хорошо. AI не читает мысли, но отлично выполняет конкретные инструкции.
Инструменты без установки: с чего начать
Для абсолютного новичка главное — ничего не устанавливать. Вот три инструмента, которые работают прямо в браузере.
Bolt.new — мой выбор для старта
Открываешь сайт, описываешь что хочешь, получаешь результат. Есть бесплатный тариф — хватит на первые эксперименты. Видишь код и результат одновременно. Можно опубликовать одной кнопкой.
Идеален для: страницы, простые приложения, прототипы.
Replit — если хочется больше контроля
Replit — это онлайн-среда разработки с AI-ассистентом. Чуть сложнее Bolt, но и возможностей больше. Можно делать проекты с базой данных, авторизацией, API.
Идеален для: когда Bolt уже не хватает, но устанавливать софт на компьютер не хочешь.
ChatGPT / Claude в браузере — для разовых задач
Любой чат-бот с AI напишет тебе код. Минус — нужно копировать результат вручную и сохранять в файл. Нет превью, нет деплоя. Но для скриптов и утилит — работает.
Внимание
Когда освоишься с браузерными инструментами — можно переходить к Cursor или Claude Code. Но это следующий шаг, не первый. Не усложняй на старте.
Как описывать задачи, чтобы AI понял
Три принципа, которые я вывел за год вайб-кодинга.
Принцип 1: Конкретика вместо размытых желаний
Плохо: «Сделай красивый сайт» Хорошо: «Сделай одностраничный сайт-портфолио. Тёмный фон, белый текст, секции: обо мне, проекты, контакты. Минималистично, без анимаций»
Принцип 2: Ограничения — это хорошо
«Всё в одном HTML-файле» — это не баг, это фича. Ограничения убирают сложность. AI не создаст монстра из 50 файлов, а даст простой рабочий результат.
Принцип 3: Расскажи для кого это
«Это для меня, я не разбираюсь в технике» — и AI сделает проще. «Это для мамы, которая открывает только браузер» — AI добавит понятные подписи и большие кнопки.
Что я сделал в первый раз
Моя первая вайб-кодинг задача: инструмент, который парсит (разбирает) CSV-файл с расходами и строит сводку — сколько потрачено по категориям. Написать скрипт сам я не мог. Не знал ни Python, ни JavaScript.
Открыл Claude. Написал:
Напиши Python-скрипт, который читает CSV файл с колонками date, amount, category и выводит сводку: общая сумма, сумма по каждой категории, разбивка по месяцам. Добавь простой HTML-отчёт.
Получил готовый скрипт. Запустил. Работало. 15 минут — и большая часть ушла на установку Python.
С тех пор сделал с AI: Telegram-бота, скрипт для обработки фото, несколько автоматизаций и контент-фабрику для этого блога. Каждый следующий проект давался проще.
Практические идеи для первого проекта
Не знаешь с чего начать? Выбери что-то маленькое и полезное лично тебе.
Для себя (5-15 минут в Bolt):
- Личная страница-визитка
- Таймер Помодоро для работы
- Калькулятор чаевых или расходов
- Список ссылок (как Linktree, но свой)
Для работы (15-30 минут):
- Форма обратной связи для клиентов
- Таблица для отслеживания задач
- Конвертер единиц под конкретную нишу
- Простой лендинг для услуги
Для учёбы (10-20 минут):
- Флеш-карточки для запоминания
- Генератор случайных вопросов по теме
- Таймер для экзамена с обратным отсчётом
Что делать когда что-то не работает
Первые проекты — это не «написал, работает, готово». Это диалог.
AI сделал не то, что хотел: Опиши конкретно. «Хотел красную кнопку, получил синюю» работает в 10 раз лучше, чем «не нравится». AI не обижается — он исправляет.
Что-то сломалось: Скопируй текст ошибки (красный текст в консоли или на экране) и отправь AI. «Получил ошибку: [текст]. Что не так?» В 90% случаев починит с первого раза.
Застрял и не знаешь как объяснить: Опиши желаемый результат, а не техническое решение. «Хочу, чтобы при нажатии кнопки список фильтровался» — хорошо. «Сделай event listener на onClick с filter» — не нужно, AI сам разберётся.
Инфо
10-15 итераций на один маленький проект — это нормально. Это не провал. Это процесс. Профессиональные разработчики тоже не пишут идеальный код с первого раза.
Куда расти дальше
Сделал первый проект в Bolt? Вот лестница следующих шагов.
Шаг 2: Более сложные проекты в браузере. Replit позволяет добавить базу данных, авторизацию, API. Всё ещё без установки.
Шаг 3: Cursor или Claude Code. Когда захочешь делать серьёзные вещи — приложения с backend, Telegram-боты, автоматизации. Подробнее о Claude Code и других инструментах. А n8n позволяет делать автоматизации через визуальный интерфейс — тоже без кода.
Шаг 4: Понять основы. После нескольких проектов появится желание разобраться, что AI делает под капотом. Это нормально и полезно — базовое понимание помогает ставить задачи точнее. Если интересно, как вообще работают нейросети — я разбирал это в статье для начинающих.
Vibe coding — это не читерство. Это новый инструмент, который убрал порог входа. Не нужно несколько лет учить программирование, чтобы создать что-то рабочее.
Я начал с CSV-скрипта на 50 строк. Сейчас у меня автоматическая контент-фабрика, которая пишет и публикует статьи. Каждый шаг был небольшим.
Открой bolt.new. Опиши что хочешь. Посмотри, что получится. Десять минут — и ты уже вайб-кодер.
FAQ
Можно ли зарабатывать вайб-кодингом?
Да, но не сразу. Первые проекты — для себя, чтобы набить руку. Потом можно делать лендинги и простые инструменты на заказ. Есть люди, которые зарабатывают $3-5K/мес, делая мини-SaaS с помощью AI. Но это уже следующий уровень.
Вайб-кодинг заменит программистов?
Нет. Для сложных систем нужен настоящий разработчик. Но для простых задач — лендинги, утилиты, прототипы — вайб-кодинг уже сейчас быстрее и дешевле. Y Combinator отчитался, что 25% стартапов в последнем батче имеют кодовую базу, на 95% написанную AI.
Это безопасно? AI не украдёт мои данные?
Bolt.new, Replit, ChatGPT — это крупные компании с нормальной политикой приватности. Не вставляй в промпт пароли, номера карт или конфиденциальные данные компании — и всё будет нормально. Это общее правило для любого облачного сервиса.
Нужен ли мощный компьютер?
Нет. Всё работает в браузере — на стороне серверов Bolt или ChatGPT. Подойдёт любой ноутбук, даже старый. Нужен только интернет.
Сколько это стоит?
Bolt.new — есть бесплатный тариф. ChatGPT — бесплатно (базовая версия). Replit — бесплатный тариф. Для первых экспериментов хватит нуля рублей.
