Вайбкодинг
Как заставить нейросеть писать тебе код и не скатиться в хаос. Наш флагман, построенный на базе ECC.
0 Что такое вайбкодинг
Что такое вайбкодинг: как создавать сайты без кода
Вайбкодинг простыми словами: ты объясняешь задачу словами, а ИИ пишет код. Кто такой вайбкодер, чем он отличается от программиста и как начать сегодня.
1 Быстрый правщик
ИИ-агент против чат-бота: в чём разница простыми словами
Чем ИИ-агент отличается от чат-бота: чат-бот говорит, агент действует руками - создаёт файлы, запускает код, чинит ошибки. Разберись - и вайбкодинг станет понятным.
1 Быстрый правщик 2 Сайт в один клик
Инструменты вайбкодинга: чем писать код с ИИ новичку
Чат-боты, редакторы с ИИ, агенты в терминале и конструкторы сайтов - какой инструмент вайбкодинга выбрать новичку и чем они реально отличаются. Без воды.
1 Быстрый правщик 2 Сайт в один клик
1 Как думает агент
Как работает ИИ-агент простыми словами: харнесс, контекст и память
Как устроен ИИ-агент изнутри: харнесс, контекстное окно, токены и память. Понятный разбор для вайбкодеров - чтобы Claude и GPT слушались с первого раза, а не с десятого.
3 Кормилец доками 4 Направляющий 5 Почти архитектор
Токены и цена ИИ: как не разориться на нейросети
Что такое токены, сколько стоит ИИ и как платить за нейросеть копейки: выбираем глубину ответа, считаем токены, ловим утечки бюджета и подбираем модель под задачу.
2 Сайт в один клик 3 Кормилец доками 4 Направляющий
Память ИИ-агента: как Claude запоминает тебя между сессиями
Как работает память ИИ-агента: что такое инстинкты, уверенность и область памяти, почему долгая память агента живёт в файлах, а не в модели, и как её настроить.
4 Направляющий 5 Почти архитектор
Компакт памяти агента: когда чистить контекст и не потерять
Компакт памяти агента простыми словами: что сжимается и теряется, что выживает, и в какой момент чистить контекст безопасно, а в какой - выстрел себе в ногу.
3 Кормилец доками 4 Направляющий
Агент затупил: как найти причину и починить ИИ-агента
Агент зациклился, ходит по кругу или несёт чушь? Разбираем по чек-листу, почему тупит ИИ-агент, и чиним причину - спокойно, как механик, а не паникёр.
4 Направляющий 5 Почти архитектор
Автономные циклы агента: как ИИ работает сам
Автономные циклы ИИ-агента простыми словами: конвейер из шагов, файл-мостик для памяти, стоп-кран от лишних трат и шаг-уборка. Запусти агента на ночь без сюрпризов.
4 Направляющий 5 Почти архитектор
2 Как правильно просить
Как написать промпт для ИИ-агента с первого раза
Почему ИИ-агент делает не то, что просили? Учимся писать промпт по схеме ЧТО-ГДЕ-ГОТОВО-НЕЛЬЗЯ и получать результат с первого раза, а не с десятого.
1 Быстрый правщик 2 Сайт в один клик
Сначала ищи, потом пиши: промпт, который экономит часы
Привычка вайбкодера «сначала ищи, потом пиши»: как заставить ИИ-агента искать готовые библиотеки и решения до написания кода - и экономить часы, деньги и нервы.
1 Быстрый правщик 2 Сайт в один клик
Regex или нейросеть: как разобрать текст и не слить бюджет
Regex или нейросеть для разбора текста? Учимся выбирать: дешёвые правила для ровных строк, нейросеть для хаоса и гибрид, который режет расходы на 95%.
3 Кормилец доками 4 Направляющий
Blueprint в вайбкодинге: от идеи к плану за один промпт
Blueprint в вайбкодинге - это пошаговый план, который вырастает из одной фразы-идеи. Учимся резать задачу на шаги, видеть зависимости и просить агента так, чтобы он не собрал кашу.
2 Сайт в один клик 3 Кормилец доками
3 Делаем красиво
Дизайн без шаблона ИИ: как убрать нейро-вид сайта
Почему ИИ рисует одинаковые фиолетовые сайты с гигантскими буквами и как одним брифом - дизайн-направлением - получить дизайн с характером, а не шаблон.
2 Сайт в один клик 3 Кормилец доками 4 Направляющий
Как сделать интерфейс приятным: мелочи, что решают всё
Из чего складывается ощущение «дорого» в интерфейсе: отступы, тени, скругления, отклик кнопок, зона нажатия. И как попросить всё это у ИИ простыми словами.
2 Сайт в один клик 3 Кормилец доками
Анимации на сайте: какие помогают, а какие просто бесят
Зачем сайту анимации и какие реально помогают, а какие бесят и тормозят. Длительность, плавность, доступность - и как попросить ИИ сделать движение правильно.
3 Кормилец доками 4 Направляющий
React и Next.js простыми словами: компоненты, пропсы, состояние
React и Next.js на пальцах для вайбкодера: что такое компоненты, пропсы и состояние, чем сервер отличается от браузера и какими промптами просить у агента аккуратный сайт.
3 Кормилец доками 4 Направляющий 5 Почти архитектор
Liquid glass: стеклянные кнопки iOS 26 через промпт агенту
Liquid glass из iOS 26 простыми словами: из чего собрана стеклянная кнопка и как попросить ИИ-агента сделать такие полупрозрачные кнопки и панели без перебора.
3 Кормилец доками 4 Направляющий
SEO для новичков: как тебя начнут находить в Google
SEO простыми словами: почему сайт без оптимизации не находят в Google, как настроить title, скорость и структуру страниц и поднять сайт в поиске.
2 Сайт в один клик 3 Кормилец доками
4 Чтобы не сломалось
Понятный код для вайбкодера: имена, DRY, KISS
Как просить у ИИ-агента понятный код: говорящие имена, принципы DRY и KISS, без магических чисел. Проще читать, дешевле менять, реже что-то ломается.
2 Сайт в один клик 3 Кормилец доками
Обработка ошибок в коде: чтобы ничего не падало молча
Обработка ошибок для вайбкодеров: понятное сообщение людям, полный лог тебе, умные повторы запросов и готовый промпт, чтобы агент не прятал сбои.
3 Кормилец доками 4 Направляющий
Что такое тесты и TDD простыми словами
Тесты и TDD простыми словами: зачем писать проверку до кода, как работает цикл красный-зелёный и почему тесты ловят баги раньше, чем их увидит пользователь.
3 Кормилец доками 4 Направляющий 5 Почти архитектор
Проверка перед запуском сайта: цикл верификации агента
Проверка перед запуском сайта: цикл верификации из 6 шагов - сборка, типы, линтер, тесты, безопасность, просмотр изменений. Чтобы сайт не падал на первом клике.
3 Кормилец доками 4 Направляющий
E2E-тесты простыми словами: робот тестирует сайт за тебя
E2E-тесты простыми словами: зачем вайбкодеру робот, который сам тыкает кнопки на сайте, как написать E2E на Playwright через Claude и не сломать ничего перед запуском.
3 Кормилец доками 4 Направляющий
Регрессия в вайбкодинге: тест на баг, чтобы ИИ не ломал починенное
ИИ чинит баг, через час ломает снова, и так по кругу. Как один автотест на регрессию ловит то, что сам ИИ в упор не видит. Гайд для вайбкодеров.
3 Кормилец доками 4 Направляющий
Production-аудит: готов ли проект к реальным пользователям
Production-аудит для вайбкодера: чем «работает у меня» отличается от «работает у всех», какие зоны бьют первыми и как заставить ИИ дать вердикт можно/нельзя.
3 Кормилец доками 4 Направляющий 5 Почти архитектор
Деплой сайта: как выложить в интернет без сбоев
Деплой простыми словами: как выкатывать обновления без падений, прятать секреты в переменных окружения, делать health-check и откатываться назад за секунды.
3 Кормилец доками 4 Направляющий
5 Безопасность
Безопасность сайта для вайбкодера: 4 дыры, которые надо закрыть
Как защитить сайт от взлома, если ты не программист. Секреты в .env, проверка ввода и файлов, права доступа на сервере, безопасные логи - и промпт для security-review.
3 Кормилец доками 4 Направляющий 5 Почти архитектор
Безопасность ИИ-агента: как просканировать настройки на дыры
Сам ИИ-агент может стать дырой в безопасности: пароли, лишние права, prompt injection. Покажу, как одной командой просканировать его настройки и закрыть риски.
2 Сайт в один клик 3 Кормилец доками
Хуки для ИИ-агента: защита от опасных команд и утечек
Хуки и hookify-правила простыми словами: как поставить агенту автоматического охранника, который ловит rm -rf, утечку секретов и опасные команды до выполнения.
3 Кормилец доками 4 Направляющий
6 Рои и автоматизация
Команда ИИ-агентов: как запустить несколько агентов сразу
Команда ИИ-агентов простыми словами: как запустить несколько агентов параллельно, раздать им роли, свести отчёты в один результат и не утонуть в шуме.
4 Направляющий 5 Почти архитектор
Параллельная работа с ИИ-агентом: как ускорить вайбкодинг
Параллельное выполнение задач с ИИ-агентом: какие куски кода можно делать разом, что строго по очереди и как не словить конфликт двух агентов в одном файле.
4 Направляющий 5 Почти архитектор
Рой ИИ-агентов: как запустить несколько агентов разом
Рой ИИ-агентов: как запустить несколько агентов на один проект параллельно. Git worktree, панели dmux и бригадир DevFleet - без каши и драк за файлы.
5 Почти архитектор 6 Переписчик
Совет из четырёх ИИ: как принять трудное решение
Приём «совет» (council): как заставить ИИ спорить сам с собой из четырёх ролей и принять трудное решение осознанно, а не схватить первый попавшийся вариант.
3 Кормилец доками 4 Направляющий
Личная ИИ-ОС на Claude Code: память и расписание
Личная ИИ-ОС на Claude Code: память в файлах, команда агентов-специалистов и задачи по расписанию. Как собрать из четырёх папок без баз и серверов.
5 Почти архитектор 6 Переписчик
Eval-first: сначала проверки, потом код с ИИ
Eval-first простыми словами: почему сильные вайбкодеры сперва пишут проверки, а потом зовут ИИ. Capability и regression, метрика pass@k, куски по 15 минут.
4 Направляющий 5 Почти архитектор
7 Суперсилы
Глубокое исследование интернета: как ИИ ищет факты
Глубокое исследование (deep research): как заставить ИИ искать десятки источников, читать их целиком, перепроверять факты и приносить отчёт со ссылками и датами.
1 Быстрый правщик 2 Сайт в один клик 3 Кормилец доками
Умный поиск для ИИ-агента: нейропоиск Exa и проверка фактов
Умный поиск для ИИ-агента: подключаем нейропоиск Exa и итеративный поиск, чтобы агент проверял факты, искал свежий код и не фантазировал, а ссылался на источники.
3 Кормилец доками 4 Направляющий
Скрапер на ИИ: бот сам собирает данные с сайтов
Как собрать бота-скрапера, который сам обходит сайты, тащит данные, ИИ их сортирует и кладёт в таблицу - бесплатно, на Gemini Flash и GitHub Actions.
3 Кормилец доками 4 Направляющий
Базы данных для новичка: таблицы, индексы и миграции
Что такое база данных простыми словами: таблицы, индексы, миграции и типы колонок. Разбираем главные грабли вайбкодера - и как их обойти заранее.
3 Кормилец доками 4 Направляющий 5 Почти архитектор
Генерация картинок, видео и звука через ИИ и fal.ai
Как генерировать картинки, видео и звук нейросетью через fal.ai прямо в чате с агентом. Какие модели выбрать, как писать промпт и не сжечь бюджет.
1 Быстрый правщик 2 Сайт в один клик 3 Кормилец доками
HTML-презентация в браузере: слайды без PowerPoint
Как сделать презентацию в браузере без PowerPoint и дизайнера: один HTML-файл, анимации, листается стрелками, не разваливается на проекторе. Промпт внутри.
2 Сайт в один клик 3 Кормилец доками
MCP для агента: что это и как подключить инструменты
MCP простыми словами: единый разъём, через который ИИ-агент получает инструменты, данные и шаблоны. Зачем это вайбкодеру, как подключить сервер и не словить беду.
4 Направляющий 5 Почти архитектор 6 Переписчик
Красивый код на Python: понятные имена, типы, ошибки
Что такое красивый код на Python для вайбкодера: понятные имена, подсказки типов, честная обработка ошибок и питоничный стиль. И почему красивый код агент чинит легко, а уродливый ломает.
2 Сайт в один клик 3 Кормилец доками 4 Направляющий
Как писать тексты для сайта живым языком (а не как робот)
Как писать тексты для сайта живым языком: с чего начать абзац, какие слова - мусор, как заставить ИИ писать по-человечески и не выдумывать факты. На пальцах.
1 Быстрый правщик 2 Сайт в один клик
База знаний для ИИ-агента: как дать ему память
Как собрать ИИ-агенту рабочую базу знаний: где хранить факты, решения и заметки, чтобы он помнил их после перезапуска и не превращал память в свалку.
3 Кормилец доками 4 Направляющий
План курса
- Глава 0. Что такое вайбкодинг
- Глава 1. Как думает агент
- Глава 2. Как правильно просить
- Глава 3. Делаем красиво
- Глава 4. Чтобы не сломалось
- Глава 5. Безопасность
- Глава 6. Рои и автоматизация
- Глава 7. Суперсилы