Введение · для тех, кто ещё не пробовал
Вайб-кодинг
Как самим менять системы, которыми вы пользуетесь каждый день. Без программирования: вы пишете задачу обычными словами и через несколько минут видите результат в браузере.
Введение
Вместо трёхчасовой встречи — в своём темпе
Здесь всё, что обычно рассказывают на вводной встрече. Читайте частями: позиция сохраняется, можно закрыть вкладку и вернуться. Нажмите на главу, чтобы перейти к ней.
Клавиши: → дальше, ← назад, O все слайды, T тема. На телефоне — свайп влево и вправо.
Глава I
Зачем это вам
- Почему 5 минут лучше недели — и дело не только в скорости
- Что именно вы будете вайб-кодить
- Чем ваша роль отличается от роли программиста
I · Зачем это вам
Раньше — тикет и недели ожидания. Теперь — сообщение и 5 минут
Важна не только скорость. Когда попытка стоит 5 минут, вы спокойно пробуете, смотрите и уточняете — и приходите к тому, что вам действительно нужно.
I · Зачем это вам
Пять итераций по пять минут
Пример из большой финансовой компании: сотрудник отдела контроля каждый день работает с реестром проверок. Раньше любая доработка — заявка в ИТ. Теперь он пишет Клоду сам.
Вы лучше всех знаете, что вам неудобно. Клод понимает вас напрямую — без пересказа через ТЗ и без «испорченного телефона».
I · Зачем это вам
Вы будете вайб-кодить системы, которыми пользуетесь сами
Вы одновременно и пользователь, и автор. Вы знаете процесс изнутри — и сразу проверяете, стало ли удобнее.
Реестры и журналы
Проверки, документы, поручения, инциденты
Работа с клиентами
Карточки клиентов, сделки, воронки, история контактов
Отчёты и панели
Сводки для руководителя, показатели, графики
Свои инструменты
Калькуляторы, справочники, анкеты, чек-листы
Руководители и эксперты общаются на языке готовых программ: нечего показать — нечего сказать. Работающий прототип убеждает лучше любого документа.
Глава II
Как это устроено
- Три места: ваш компьютер, модель ИИ, сервер
- Путь одного сообщения — от вашей фразы до правки на сайте
- Что нужно на вашем компьютере (почти ничего)
II · Как это устроено
Работа происходит в трёх местах
- Приложение Claude или Codex
- Папка с одним файлом AGENTS.md
- SSH-ключ — пропуск на сервер
«Мозг». Читает вашу задачу и решает, что сделать. Сама ни к чему не подключается — только думает и отвечает.
«Мастерская». Здесь живут код, база данных и сайт. Здесь происходит вся работа.
Вы открываете сайт проекта и сразу видите результат.
На вашем компьютере — только приложение и маленькая папка. Ни кода, ни базы, ни программ для разработки.
Приложение отправляет вашу задачу модели. Модель отвечает планом: что посмотреть, что изменить.
Приложение выполняет этот план на сервере по защищённому каналу SSH. Это «руки» модели.
Вы обновляете страницу в браузере — изменения уже там. Ничего не нужно «переносить» или «выкладывать».
II · Как это устроено
Путь одного сообщения
Пока вы видите «Клод думает…», внутри идёт короткий разговор между тремя участниками.
Модель — мозгДумает и решает. Работает в облаке у Anthropic или OpenAI.
Приложение — рукиВыполняет команды и спрашивает вашего разрешения.
Сервер — мастерскаяЗдесь лежит проект и здесь он меняется.
За одну задачу такой круг проходит десятки раз. Вам не нужно в него вмешиваться — только поставить задачу и проверить результат.
II · Как это устроено
На вашем компьютере — почти ничего
Вся работа идёт на сервере. Ваш компьютер нужен только чтобы писать задачи и смотреть результат.
- Приложение Claude или ChatGPT (Codex)
- Пустая папка с файлом AGENTS.md
- SSH-ключ — Клод создаст его сам
- Обычный браузер
- Код проекта и база данных
- Программы для разработки, Docker, языки программирования
- Права администратора на компьютере
- Знание командной строки
Если Клод начал что-то устанавливать на ваш компьютер
Остановите его и напомните правило:
II · Как это устроено
Нужна платная подписка — Claude или ChatGPT
В бесплатных тарифах работы с кодом нет. Выберите одно из двух — схема работы одинаковая, дальше в презентации мы пишем «Клод».
Claude Code
- Приложение Claude для компьютера — claude.ai/download
- Тариф Pro или Max
- Вкладка Code (не Chat!)
Codex
- Приложение ChatGPT для компьютера — chatgpt.com/download
- Тариф Plus или Pro
- Режим Codex
Сколько это стоит
Для начала хватает младшего платного тарифа — около $20 в месяц. Лимиты расходуются медленнее, если не включать максимальный уровень рассуждений.
Если лимиты кончаются часто — переходите на тариф выше.
Глава III
Пропуск на сервер
- Что такое SSH-ключ и зачем он нужен
- Как получить ключ одной просьбой к Клоду
- Файл AGENTS.md и проверка связи
III · Пропуск на сервер
SSH-ключ — это пропуск вашего компьютера
Сервер пускает только знакомые компьютеры. Паролей нет: вместо них пара «замок + ключ», которую Клод создаст за вас.
Замок — его вешают на дверь сервера
Его можно показывать и пересылать кому угодно: открыть им ничего нельзя. Это одна длинная строка:
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIKu… имя-компьютера
Ключ — он никогда не покидает ваш компьютер
Никому не отправляйте. Если Клод показал текст, который начинается так — не пересылайте его:
-----BEGIN OPENSSH PRIVATE KEY-----
- Клод показывает ваш замок (публичный ключ)
- Вы отправляете эту строку техническому куратору
- Куратор «вешает замок» на сервер проекта
- Ваш компьютер открывает дверь сам, без пароля
Ключ принадлежит компьютеру, а не человеку. Работаете с двух компьютеров — нужны два ключа.
III · Пропуск на сервер
Получить ключ — одна просьба к Клоду
Командную строку изучать не нужно. Откройте Клода во вкладке Code, вставьте просьбу и разрешите выполнить команду, когда он спросит.
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIKuPFb6IvhYG3am7nOt1hy… laptopIII · Пропуск на сервер
AGENTS.md — инструкция для Клода
Куратор пришлёт вам этот файл. В нём написано, к какому серверу подключаться и по каким правилам работать. Разбираться в нём не нужно — Клод прочитает его сам.
- Создайте новую пустую папку, например «Проекты/реестр»
- Положите в неё только этот файл. Имя — ровно
AGENTS.md, без «(1)» и «.txt» - Откройте эту папку в Claude (вкладка Code) или в Codex
# Реестр проверок Сайт: https://registry.example.ru Вся работа идёт на удалённом сервере, никогда локально. ## Подключение ssh registry@registry.example.ru ## Правила - Не трогай чужие незаконченные правки — остановись и спроси пользователя. - Каждую законченную правку сохраняй (commit) и отправляй в GitHub. - О конфликтах сообщай в общий чат. …
III · Пропуск на сервер
Последний шаг — проверить связь
Когда куратор добавил ваш ключ на сервер, задайте Клоду проверочный вопрос в папке с AGENTS.md.
Подробная пошаговая инструкция с картинками и ответами на частые проблемы — ops.vibemanager.ru/setup.
Глава IV
Как ставить задачи
- Первая правка — полный цикл на мелочи
- Шесть привычек, которые экономят часы
- Слабые и сильные формулировки
- Вы пользователь, а не программист
IV · Как ставить задачи
Начните с мелочи: поменяйте заголовок
Цель первой задачи — не польза, а уверенность. Пройдите полный цикл и почувствуйте, как это работает.
- Попросили обычными словами
- Клод поправил проект на сервере
- Вы обновили страницу и увидели
- Готовы к задачам посерьёзнее
IV · Как ставить задачи
Шесть привычек, которые экономят часы
Одна идея — один диалог
Закончили задачу — начните новый чат. Клод не путается в старом контексте.
Описывайте результат, а не способ
«Хочу видеть просроченные проверки» лучше, чем «добавь SQL-запрос».
«Изучи, пока ничего не меняй»
Если не уверены в задаче — сначала попросите разобраться и объяснить.
Проверяйте сами в браузере
Клод может ошибиться. Ваш глаз — главный тест: обновили страницу, пощёлкали.
Маленькие законченные шаги
Лучше пять правок по 5 минут, чем одна на весь день. Каждая — рабочая.
Непонятно — спросите
«Объясни простыми словами, что ты изменил». Клод хорошо объясняет.
IV · Как ставить задачи
Формулируйте как для толкового коллеги
Где, что и каким должен быть результат. Чего не трогать. Не нужно технических слов — нужна конкретика.
Сделай реестр удобнее
В реестре проверок добавь фильтр по статусу и сортировку по сроку. Остальные страницы не трогай.
Почему всё тормозит?
Страница реестра открывается секунд десять. Разберись почему. Пока ничего не меняй — просто объясни.
Исправь ошибку
При сохранении заявки без даты появляется ошибка «поле обязательно». Дата должна быть необязательной.
Не знаете, как сформулировать? Напишите Клоду: «Задай мне вопросы, чтобы уточнить задачу». Он спросит сам.
IV · Как ставить задачи
Вы — пользователь, а не программист
Программистов и ИИ хватает. Ваша ценность — знание процесса. Пройдите свой реальный сценарий, найдите, что мешает, и исправьте.
Как часто бывает сейчас:
Как надо:
Технические проблемы — к куратору. Большую идею сначала покажите макетом: «Сделай HTML-прототип страницы, пока без базы данных».
5–15 минут
Глава V
Вместе с коллегами
- Почему все работают на одном сервере
- Что происходит, если двое взялись за одно
- Правила совместной работы и кто за что отвечает
V · Вместе с коллегами
Все работают на одном сервере одновременно
Нет «моей копии» и «твоей копии». Любая правка коллеги видна вам сразу — как в общем онлайн-документе.
Расхождение между версиями
Если сводить работу раз в день, к вечеру правки разных людей противоречат друг другу. На одном сервере расхождение не успевает накопиться: конфликт виден в ту же минуту.
V · Вместе с коллегами
Если двое взялись за одно и то же
Правит страницу «Заявки»: добавляет поле «Источник».
в работе · правка не законченаХочет поменять ту же страницу «Заявки»: убрать лишние поля.
Конфликт виден в момент возникновения и решается за пару минут — между самими авторами, без технических специалистов и совещаний.
V · Вместе с коллегами
Правила совместной работы
Делите области
Договоритесь, кто какой раздел развивает. Меньше пересечений — меньше остановок.
Доводите правки до конца
Короткие законченные правки. Агент сохраняет каждую — так коллеги не упираются в вашу незаконченную работу.
Большая переделка — отдельно
Если задача меняет весь проект, её делает один человек или она идёт на отдельном сервере.
Прав тот, у кого реальная проблема
Практическая проблема важнее гипотетической «а вдруг потом понадобится».
Спор решает владелец продукта
Один человек, без комитетов и цепочек согласований.
Обсуждайте в общем чате
Не в личке. Всем полезно видеть, что происходит и кто чем занят.
V · Вместе с коллегами
Кто за что отвечает
Вы
- Что нужно и зачем
- Постановка задач Клоду
- Проверка результата в браузере
- Договорённости с коллегами
ИИ-агент
- Код, база данных, интерфейс
- Сохранение версий
- Остановка при конфликте
- Объяснения простыми словами
Технический куратор
- Серверы и доступы (ваш ключ)
- Бекапы
- Выпуск в рабочую версию
- Помощь, когда что-то не работает
Серверы, бекапы и выпуск версий — забота одного технического человека. Вам это знать не нужно.
Глава VI
Данные и смелость
- Главное правило: никаких реальных данных
- Почему не страшно ошибиться
- Скорость важнее правил
VI · Данные и смелость
Главное правило: никаких реальных данных
Всё, что вы пишете Клоду, уходит во внешнюю модель ИИ. Поэтому вайб-кодинг идёт только на тестовых, вымышленных данных.
Здесь вы вайб-кодите
- Внешний сервер и внешний ИИ
- Только тестовые данные: «создай 50 вымышленных клиентов»
- Прототип, который можно смело ломать
Здесь живут реальные данные
- Внутренняя система компании
- Без связи с внешним ИИ
- Реальные данные появляются только здесь — потом
- Данные клиентов и сотрудников, персональные данные
- Выгрузки и скриншоты из рабочих систем
- Внутренние документы ограниченного доступа
- Рабочие пароли и ключи доступа
- Вымышленные данные, которые сгенерировал Клод
- Описание процесса своими словами, без конфиденциальных деталей
- Обезличенные примеры: «клиент А, сделка на N рублей»
VI · Данные и смелость
Не бойтесь сломать — всё возвращается
Код
Каждая законченная правка сохраняется как отдельная версия в GitHub. Можно вернуться к любой.
База данных
Копия каждую ночь. К тому же на сервере только тестовые данные — их не жалко.
Сервер
Сломался — куратор создаст новый из кода и копии базы. Сервер — расходный материал.
Смелые эксперименты
Для большой переделки куратор сделает отдельный сервер — коллеги не пострадают.
Цена ошибки — полчаса работы
А не два месяца. Чтобы правка точно сохранилась, Клод делает «коммит» — так написано в AGENTS.md. Сомневаетесь — попросите: «Сохрани изменения и отправь в GitHub».
VI · Данные и смелость
Скорость важнее правил
Программировать стало дёшево. Дорого — ждать, согласовывать и бояться.
Не ждите разрешения
Эксперимент ничего не стоит. Попробуйте — и покажите результат, а не идею.
Не обрастайте правилами
Каждое новое правило замедляет всех. Добавляйте его, только когда без него уже больно.
Откатываемся только вперёд
Часто проще доделать и перескочить проблему, чем возвращаться и беречь старое.
«Если вы не возвращаете хотя бы 10% отменённых правил, значит, вы отменяете недостаточно»— Илон Маск
Глава VII
Что дальше
- Как прототип становится рабочей системой
- Бонус: Mac mini, чтобы работа шла без вас
- Частые проблемы и первые задачи
VII · Что дальше
Путь до рабочей системы
Вайб-кодинг — не обход ИТ, а самый быстрый способ показать ИТ, что нужно. Работающий прототип заменяет толстое ТЗ.
- 1Идея
Ваша реальная боль в работе
- 2Прототип
Вайб-кодите, пока не станет удобно
- 3Проверка
Коллеги и будущие пользователи пробуют и дают обратную связь
- 4Переписывание
ИИ переписывает прототип под требования компании — дни, а не месяцы
- 5Внутренняя система
Проверки безопасности, реальные данные, без внешнего ИИ
Мы не «переносим» прототип внутрь — мы его переписываем. В рабочую систему попадает то, что уже понравилось людям на практике, а не то, что получилось бы по текстовому ТЗ.
VII · Что дальше · бонус
Mac mini — сарай для ИИ, который работает без вас
Большинству достаточно своего ноутбука. Но если хочется закрывать крышку и продолжать с телефона — нужен компьютер, который всегда включён.
Ставите задачи и закрываете крышку — работа продолжается
Видите все свои чаты: в метро, в такси, между встречами
Всегда включён. На нём Claude и Codex, папки проектов с AGENTS.md и ключи. Агенты работают здесь.
Как настроить
На Mac mini — приложения и папки проектов. На ноутбуке и телефоне — те же приложения под тем же аккаунтом и удалённое управление (Remote Control).
Что получаете
Вся работа доступна со всех устройств, а результат — в любом браузере. Только «родные» приложения, без самодельных решений.
VII · Что дальше
Частые проблемы и что делать
Почти всё решается за пару минут. Первым делом спросите самого Клода — он хорошо разбирается в своих ошибках.
Не вижу вкладку Code
Обновите приложение и проверьте подписку: в бесплатном тарифе её нет.
Permission denied (publickey)
Сервер пока не знает ваш ключ: куратор ещё не добавил его, или вы за другим компьютером.
Долго нет ответа, timeout
Рабочая сеть или VPN иногда блокируют SSH. Попробуйте другую сеть, например раздачу с телефона.
Клод спрашивает, о каком сервере речь
Он не прочитал AGENTS.md. Проверьте имя файла и папку, начните новый чат в этой папке.
Клод что-то ставит на компьютер
Остановите: «Работай только на сервере по SSH, как написано в AGENTS.md».
Закончились лимиты
Подождите сброса, уменьшите уровень рассуждений или перейдите на тариф выше.
Финал
Всё. Вы готовы вайб-кодить!
Отметьте, что уже сделано, — отметки сохраняются в этом браузере.
Первые задачи — скопируйте и отправьте