Vibe Coding — что это, кто это делает, и почему сайты получаются быстрее

TL;DR

Vibe coding — это разработка через диалог с ИИ (Claude Code, Cursor, Windsurf) вместо ручного написания каждой строки. Программист описывает намерение словами, LLM генерирует код, человек ревьюит и направляет. На типовых задачах (лендинги, корп-сайты, формы, CRUD-админки) скорость растёт в 3-5 раз, а порог входа в стек снижается: один разработчик закрывает фронт, бэк и деплой за неделю вместо месяца.

Формула

Грубая экономика vibe-проекта:

Срок_vibe   = Срок_ручной / (3..5)
Стоимость   = Срок_vibe × ставка × 1.3 (надбавка за ревью и тесты)
Качество    = функция от: чистоты ТЗ × опыта разработчика × дисциплины ревью

Пример. Лендинг на Next.js 14 + Tailwind с формой в Telegram и Метрикой:

Ручная сборка опытным разработчиком — 60-80 часов.
Vibe coding (Claude Code 4.7 + Sonnet) — 15-20 часов диалога + 5 часов ревью = 20-25 часов.
Экономия — 55-60% времени, но только если есть готовый плейбук стека (у нас — CLAUDE.md от trexdigital.ru) и архитектурная дисциплина.

На пальцах: как мы собрали лендинг для стоматологии в Казани

Клиент пришёл в среду с брифом: имплантация, ценник 35 000-95 000 ₽ за зуб, нужна страница для Директа с CPL до 1 200 ₽. Готовой структуры не было. Считаем по шагам:

Среда, 14:00 — 7 вопросов брифа клиенту, 40 минут разговора, на выходе BRIEF.md и пресет «лендинг».
Среда, 16:00 — Claude Code пишет копирайт на основе брифа и анализа 3 конкурентов (vprioritete.ru, aaccent.ru/kazan + локальная стоматологическая клиника). Я правлю руками — выкидываю «помогаем» и «обеспечиваем», добавляю цифру «5 487 имплантов с 2018 года».
Четверг, утро — собираем дизайн-систему: палитра под бренд (#0A6E5A зелёный + #050505), типографика Manrope/Unbounded, glass-карточки. Claude генерирует Tailwind-конфиг и 8 секций главной по нашему пресету.
Четверг, день — /api/lead с zod-валидацией, Telegram-бот, honeypot, rate-limit. Я ревьюю 200 строк кода — нашёл одну дыру (не валидировался телефон), починили в одном промте.
Пятница — Метрика 108689996, цели lead_submit и cta_contact, CSP в next.config.mjs, Schema.org Organization + LocalBusiness + FAQPage. Lighthouse: Perf 91, SEO 100, A11y 96.
Суббота, 11:00 — деплой через paramiko на Beget VDS, certbot, nginx, PM2. Сайт в проде.

Итого: 3.5 рабочих дня, 22 часа моего времени, ставка 4 500 ₽/час → 99 000 ₽ внутренняя себестоимость. Клиенту вышло 180 000 ₽ за лендинг под ключ. Ручной сборкой это было бы 8-10 дней и 220-250 000 ₽ себестоимости.

Где смотреть и как мерить эффективность vibe-разработки

Метрики на стороне процесса, не на стороне клиента:

Часы диалога vs часы ревью — здоровое соотношение 70/30. Если ревью занимает больше — стек слишком экспериментальный, LLM фантазирует.
Количество итераций на компонент — норма 1-3 промта на готовый блок. Если 5+ — ТЗ размыто, надо переформулировать на уровне Skill/CLAUDE.md.
Bug-rate после деплоя — багов в первую неделю должно быть ≤ 2 на 1000 строк. Иначе ревью халтурное.
Lighthouse при сдаче — Perf ≥ 85, SEO ≥ 95. Vibe-код часто грешит лишними зависимостями — ловим на этапе аудита бандла.

Где смотреть нагрузку на ИИ: дашборд Anthropic Console (расход токенов на проект), история сессий Claude Code (/sessions), git log по количеству коммитов «AI-generated» vs «manual fix».

Хороший vs плохой vibe-показатель по нишам

| Тип проекта | Срок vibe (хороший) | Срок vibe (плохой) | Когда vibe НЕ работает | |---|---|---|---| | Лендинг (5-7 секций) | 3-5 дней | > 10 дней | Уникальный 3D/WebGL hero | | Корп-сайт (10-15 страниц) | 7-12 дней | > 20 дней | Сложная мультиязычность с локализацией контента | | E-com на Next.js + Stripe | 10-15 дней | > 25 дней | Кастомные платёжки РФ (CloudPayments, Юкасса с рекуррентами) | | SaaS-MVP | 3-4 недели | > 8 недель | Real-time коллаборация (CRDT, Yjs) | | Интеграции с 1С/AmoCRM | Не делать vibe | — | Только ручная разработка с тестами |

Закономерность простая: чем стандартнее домен и стек, тем сильнее ускорение. Чем больше уникальной бизнес-логики и legacy-интеграций, тем больше vibe превращается в обузу.

Какие инструменты входят в vibe-стек TREX

Claude Code 4.7 (Sonnet/Opus) — основной агент. Sonnet для рутины, Opus для архитектурных решений.
Cursor — для точечной правки в больших файлах, когда удобнее видеть diff в IDE.
Skills + CLAUDE.md — наш плейбук стека (Next.js 14, Tailwind, Decap CMS, paramiko-деплой). Без него LLM каждый раз выбирает разный стек и проекты несовместимы.
Playwright MCP — Claude сам открывает браузер, делает скриншоты, проверяет mobile-вёрстку.
GitHub MCP — коммиты, PR, ревью прямо из диалога.

Связанные понятия

LTV — почему vibe-разработка окупается на длинной дистанции клиента, а не на разовом проекте.
Unit-экономика — как считать ставку часа для vibe-проектов.
Conversion Rate — vibe не освобождает от A/B-тестов, наоборот, ускоряет их.
Core Web Vitals — главный технический фильтр качества vibe-кода.

Когда пора звонить TREX

Если у вас есть один из сценариев — приходите:

Нужен лендинг или корп-сайт на следующей неделе, а не через 2 месяца, и при этом не хочется фрилансера с шаблоном из Tilda.
Уже пробовали собрать сайт самостоятельно через ChatGPT или Cursor, получили 80% результата, но застряли на деплое / Schema.org / 152-ФЗ / Метрике с целями.
Хотите перейти с WordPress / Tilda на Next.js, но боитесь, что подрядчик будет переписывать полгода.
Запускаете SaaS-MVP и нужен лендинг + интеграция с биллингом + Telegram-уведомления за 2-3 недели.

Если у вас нет однозначного ответа на «сколько мы зарабатываем на одном клиенте» — мы остановимся, посчитаем, и только потом будем тратить ваш рекламный бюджет. — Кирилл Даловский, основатель TREX DIGITAL

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

Что такое vibe coding? Это способ разработки, при котором программист описывает задачу словами, а ИИ-агент (Claude Code, Cursor) генерирует код. Человек ревьюит, направляет, исправляет архитектурные решения. На типовых задачах скорость растёт в 3-5 раз.

Как считать стоимость vibe-проекта? Берёте обычную оценку в часах, делите на 3-4 (реальное ускорение для типовых задач), прибавляете 30% на ревью и тесты. Получается срок vibe-сборки. Ставка часа разработчика при этом обычно выше — он закрывает больше ролей одновременно.

Vibe coding vs ручная разработка — что лучше? Vibe — для типовых проектов с понятной архитектурой (лендинги, корп-сайты, CRUD). Ручная — для уникальной бизнес-логики, real-time систем, интеграций с legacy. На лендинге vibe выигрывает в 3-5 раз. На системе бронирования с 1С — проигрывает.

Какое ускорение vibe считается хорошим? В 3-5 раз быстрее ручной разработки на типовых задачах при сохранении Lighthouse Perf ≥ 85, нулевой утечке секретов и bug-rate ≤ 2 бага на 1000 строк в первую неделю после деплоя. Если меньше 2x — стек подобран плохо, плейбук не работает.

Где смотреть, не халтурит ли vibe-разработчик? Смотрите git log на количество коммитов и осмысленность сообщений, Lighthouse-отчёт при сдаче, наличие тестов (zod-схемы, Playwright E2E на формы), отсутствие any в TypeScript, чистый npm audit. Если всё это есть — vibe был дисциплинированный.

Когда vibe-показатель — повод бить тревогу? Когда разработчик не может объяснить, как работает сгенерированный код, в репозитории > 50% файлов помечены как AI-generated без human review, на проде вылезают баги, которые «магически» появляются после правок ИИ. Это сигнал, что человек превратился в копипастера промтов вместо инженера.