Год назад я не знал, что такое async/await. Сегодня у меня работает несколько приложений, которые я написал сам — с AI в роли разработчика. Это называется vibe coding, и я расскажу как начать с полного нуля.
Предупреждение: это не «научись программировать за 30 дней». Это другое. Вы не станете программистом — но сможете создать рабочий продукт.
Что такое vibe coding
Vibe coding — это когда вы описываете что хотите сделать человеческим языком, а AI пишет код. Вы не редактируете код вручную, не учите синтаксис языков. Вы — Product Manager, AI — разработчик.
Андрей Карпатый (бывший директор AI в Tesla, один из создателей OpenAI) ввёл этот термин в начале 2025 года. Идея: порог входа в разработку упал до нуля. Если вы можете объяснить что хотите — можете это создать.
Это не магия. Есть ограничения:
- Работает хорошо для небольших проектов и прототипов
- Сложные production-системы требуют реального разработчика
- Без понимания основ сложно чинить, когда что-то идёт не так
Но для личных инструментов, автоматизации рабочих задач, экспериментов — работает отлично.
Что я сделал в первый раз
Моя первая vibe coding задача: я хотел инструмент, который парсит CSV с расходами и строит простую сводку — сколько потрачено по категориям, за месяц. Звучит просто, но написать скрипт самому — нет, не мог.
Открыл Claude (claude.ai). Написал примерно так:
Напиши Python-скрипт, который читает CSV файл с колонками date, amount, category и выводит сводку: общая сумма, сумма по каждой категории, разбивка по месяцам. Добавь простой HTML-отчёт.
Получил готовый скрипт. Запустил. Работало. Потратил 15 минут — большую часть на то чтобы установить Python.
С тех пор я написал с помощью AI: Telegram-бота для напоминаний, скрипт для обработки фото, несколько автоматизаций для работы с текстом, и контент-фабрику для этого блога.
Три способа заниматься vibe coding
Не один инструмент, а несколько — под разные задачи.
1. Claude / ChatGPT в браузере — для простых задач
Самый простой вход. Открываете чат, описываете что хотите, получаете код, копируете, запускаете.
Подходит для: скрипты, небольшие утилиты, разовые задачи.
Не подходит для: проекты из нескольких файлов, когда нужно помнить контекст всего кода.
2. Claude Code в терминале — для проектов
Это мой основной инструмент. Claude Code — это агент, который работает в терминале, видит весь ваш проект, сам читает файлы, пишет код, запускает тесты, фиксит ошибки.
Вы пишете что хотите — агент разбирается сам.
Подходит для: проекты из нескольких файлов, web-приложения, боты, автоматизации.
Подробнее о Claude Code — там я сравнивал его с другими инструментами.
3. Cursor — для тех, кто хочет видеть код
Cursor — это редактор с AI. Похож на VS Code, но с AI встроенным в каждый шаг. Если хочется видеть что происходит и держать руку на пульсе — Cursor комфортнее.
Для полного новичка — возможно, лучший вариант для старта, потому что интерфейс привычный.
Первый проект: пошагово
Покажу на конкретном примере. Задача: создать простую веб-страницу с таймером Помодоро.
Шаг 1: Создайте пустую папку
Назовите её pomodoro-timer или как хотите. Это будет ваш проект.
Шаг 2: Откройте Claude Code (или просто Claude в браузере)
Для Claude Code в терминале — cd в папку и запустите claude. Для браузера — просто chat.claude.ai.
Шаг 3: Опишите задачу
Создай веб-приложение — таймер Помодоро.
Требования:
- 25 минут работа, 5 минут перерыв
- Большой таймер на экране
- Кнопки старт/пауза/сброс
- Звук когда заканчивается время
- Красивый минималистичный дизайн, тёмная тема
- Один HTML файл, никаких зависимостей
Шаг 4: Получите файл
Claude создаст index.html с полным кодом. Откройте файл в браузере — всё работает.
Шаг 5: Итерируйте
Не нравится цвет? Скажите: «Сделай акцентный цвет оранжевым вместо синего». Хочется добавить счётчик сессий? «Добавь счётчик завершённых Помодоро».
Каждый раз Claude обновит файл.
Совет
Самый частый вопрос новичков: «А что если сломается?» Говорите Claude что именно не работает — он починит. Это часть процесса, а не провал.
Как описывать задачи — чтобы получалось
Три принципа, которые я вывел за год.
Принцип 1: Конкретика лучше размытых желаний
Плохо: «Сделай красивый сайт»
Хорошо: «Сделай одностраничный сайт-портфолио. Тёмный фон, белый текст, секции: обо мне, проекты, контакты. Минималистично, без анимаций»
Принцип 2: Технические ограничения помогают
«Один HTML файл без зависимостей» — это ограничение, которое убирает сложность. Не нужен npm, сервер, ничего — просто файл в браузере.
«Python-скрипт без сторонних библиотек» — аналогично.
Принцип 3: Расскажите кто будет использовать
«Это для меня, технического пользователя» — Claude даст решение попроще.
«Это для мамы, которая не разбирается в технике» — Claude добавит объяснения и сделает UX понятнее.
Практические идеи для первого проекта
Выберите что-то маленькое, но полезное лично вам.
Утилиты:
- Конвертер единиц (свой, под ваши конкретные нужды)
- Генератор паролей
- Калькулятор чего угодно, что вам нужно
- Таймер для работы
Обработка данных:
- Скрипт для переименования файлов по правилу
- Объединение нескольких CSV в один
- Сводная таблица из данных
Работа с текстом:
- Конвертер форматов (markdown в HTML и обратно)
- Инструмент для очистки текста от лишних символов
- Простой генератор на основе шаблона
Веб-инструменты:
- Простая форма для сбора данных
- Страница со списком ссылок (личный стартовый экран)
- Таблица для отслеживания чего угодно
Что делать когда что-то идёт не так
Первые проекты — это не «написал, работает, готово». Это диалог.
AI написал код, но он не запускается:
Скопируйте текст ошибки (то что появилось в терминале или консоли браузера) и отправьте в чат. «Получил такую ошибку: [текст]. Что не так?»
Результат не то, что хотел:
Опишите конкретно что не то. «Хотел красную кнопку, получил синюю» работает лучше чем «не нравится».
Застряли и не знаете как объяснить:
Опишите желаемый результат (что должно происходить), а не реализацию. «Хочу чтобы при нажатии кнопки таблица фильтровалась» — хорошо.
Инфо
В вайб-кодинге нормально делать 10-15 итераций на один небольшой проект. Это не значит, что что-то идёт не так. Это нормальный процесс.
Куда расти
Когда первый проект готов — открывается несколько направлений.
Более сложные проекты. Claude Code с автономным режимом позволяет браться за задачи покрупнее — когда нужно несколько файлов, API, база данных. Про это есть отдельная статья про Auto Mode.
Автоматизация. Если нужно чтобы что-то запускалось само по расписанию — смотрите в сторону n8n или ChatGPT Tasks. n8n гайд — там без кода через визуальный интерфейс.
Понять что происходит. После нескольких проектов появляется желание разобраться хоть чуть-чуть в том что делает AI. Это нормально и полезно — даже небольшое понимание помогает ставить задачи точнее.
Vibe coding — это не читерство. Это новый инструмент, который снижает порог входа. Не нужно несколько лет учиться программированию чтобы создать что-то рабочее для себя.
Начните с простого. Таймер, конвертер, простая страница. Посмотрите как это работает. Потом следующий шаг.
Я начал с CSV-скрипта на 50 строк. Теперь у меня автоматическая контент-фабрика, которая пишет и публикует статьи. Это заняло несколько месяцев итераций — но каждый шаг был небольшим.
