ДЕНЬ 4
FP WEALTH SOLUTIONS | SA TRAINING
ВАЙБ-КОДИНГ:
РАЗРАБОТКА С
ПОМОЩЬЮ ИИ
Локальный AI-агент, автоматизация и реальные кейсы
Claude Code Cursor IDE VS Code Playwright Lovable Windsurf Node.js Handy Computer
13 МАРТА 2026 | ЖЕМАЛ ХАМИДУН
01

Что такое Вайб-Кодинг?

Новая парадигма разработки

Происхождение термина

Андрей Карпатый (сооснователь OpenAI) ввёл термин в феврале 2025 года:

Цитата Карпатти"You tell it what to do, it does everything for you, and you code on vibes." "Ты говоришь, что нужно сделать, оно делает всё за тебя, а ты кодишь на вайбах."

Эволюция AI в разработке

Раньше AI помогал со сниппетами кода. Теперь - полностью автономная разработка.

Факт: Anthropic создаёт 80% своих продуктов с помощью вайб-кодинга через Claude Code.
Ключевой сдвиг: Вы не программист - вы архитектор и постановщик задач. AI делает всю техническую работу. Качество результата зависит от того, насколько хорошо вы описываете задачу.
02

Облако vs Локальный агент

Почему локальный AI меняет всё

Облачный AI (ChatGPT, Claude.ai)

  • Текст в браузере - вводи/выводи
  • Не видит ваш компьютер
  • Ограниченные интеграции
  • Данные хранятся в облаке
  • Нет доступа к файлам, CRM, мессенджерам

Локальный агент (Claude Code)

  • Работает с вашими файлами напрямую
  • Интеграция с CRM, браузером, Telegram
  • Чаты хранятся локально
  • Более безопасно
  • Полный доступ к вашему рабочему окружению
Аналогия: Облачный AI - это как заказать еду по телефону. Локальный агент - это как иметь личного шеф-повара дома: вы описываете блюдо, он готовит из ваших продуктов, на вашей кухне.
03

Философия Вайб-Кодинга

Принципы работы с AI-агентом

P

Plan - Планируй

Опиши задачу максимально чётко. Контекст решает всё.

D

Do - Делай

Запусти агента. Он напишет код, создаст файлы, выполнит команды.

C

Check - Проверяй

Смотри результат. Если что-то не так - корректируй.

A

Act - Улучшай

Итерируй. Каждый цикл делает результат лучше.

Ключевые принципы

  • Скорость важнее совершенства - но качество зависит от водителя
  • Прототип > документация - лучше показать, чем описывать
  • Постоянные эксперименты - пробуй границы возможного
  • AI усиливает, не заменяет - ваша экспертиза + его скорость
Важно: Вайб-кодинг - это НЕ "нажал кнопку и всё готово". Это диалог с AI. Чем лучше вы объясняете задачу, тем лучше результат. Водитель болида важнее болида.
04

Реальные кейсы

AI-агент в действии

Кейс 1: Фриланс на автопилоте

Агент самостоятельно заработал деньги:

  • Зарегистрировался на фриланс-платформах
  • Заполнил профили
  • Нашёл подходящие заказы
  • Отправил отклики с персонализированными сопроводительными письмами
Playwright Claude Code

Кейс 2: Разблокировка авто

Арендованную машину заблокировали. Агент через WhatsApp:

  • Прошёл бота поддержки
  • Вышел на живого оператора
  • Предоставил все документы из памяти
  • Разблокировал авто без участия человека
WhatsApp Memory

Кейс 3: Виртуальный ассистент

Проект Юрия - полноценный коммуникационный ассистент:

  • Голосовые звонки от имени пользователя
  • Работа в Telegram и WhatsApp
  • Управление календарём
  • Интеграция с email и памятью
Voice AI Calendar
Вывод: AI-агент - это не просто чат. Это автономный помощник, способный взаимодействовать с реальным миром: сайтами, мессенджерами, документами, людьми.
05

Инструменты

Экосистема вайб-кодинга

Cursor IDE

Главная визуальная оболочка для работы. Форк VS Code с нативной AI-интеграцией.

Основной

Claude Code

Расширение внутри Cursor. Та же подписка, что и облачный Claude. Мозг всей системы.

Движок

VS Code / Windsurf

Альтернативные IDE. VS Code - бесплатный, Windsurf - с собственным AI.

Альтернатива

Lovable

Для не-разработчиков. Создание лендингов и веб-приложений без кода через браузер.

No-Code

Playwright

Автоматизация браузера. AI управляет Chrome: заполняет формы, кликает, скриншотит.

Автоматизация

Дополнительно

Handy Computer - голосовой ввод. Terminal - для хардкорных пользователей. VPN (Amnezia) - обход блокировок.

Утилиты
06

Локально = Безопасно

Приватность и контроль данных

Что работает локально

  • Все файлы и проекты на вашем компьютере
  • Команды выполняются локально
  • Браузерная автоматизация - на вашей машине
  • История чатов хранится локально, не в облаке
  • Полный контроль - вы видите каждое действие

Передача данных

  • Данные отправляются зашифрованно
  • Anthropic заявляет: данные не используются для обучения
  • Запросы обрабатываются и не сохраняются
  • Можно работать с конфиденциальными документами
Параметр Облачный AI Локальный агент
Хранение данных Серверы провайдера Ваш компьютер
Доступ к файлам Только загруженные Все локальные файлы
История чатов В облаке Локально
Интеграции Ограничены CRM, Telegram, браузер, всё
Контроль Частичный Полный
07

Система конфигурации

"Водительские права" для AI-агента

CLAUDE.md

Главный файл - "мозг" агента. Содержит навигацию, ссылки на все ресурсы, правила поведения.

~160 навыков (Skills)

Готовые инструкции для задач: email, презентации, Bitrix, генерация контента, аналитика и многое другое.

Правила (Rules)

Маршрутизация поведения: какой инструмент для какой задачи, стиль общения, приоритеты.

Суб-агенты

Специализированные делегированные агенты: ревью кода, написание тестов, поиск багов, аудит безопасности.

Память (Memory)

Локальная база знаний. Агент помнит решения, ошибки, предпочтения между сессиями.

MCP серверы

Внешние подключения: файловая система, базы данных, поиск в интернете, Slack, GitHub.

Конфигурация - это ваши "водительские права". Именно она отличает посредственный результат от отличного. Два человека с одним и тем же AI получат совершенно разные результаты в зависимости от настройки.
08

Начало работы

Пошаговая установка

1

Установить Cursor IDE

Скачать с cursor.com. Бесплатная версия для старта.

2

Установить расширение Claude Code

Внутри Cursor: Extensions > Claude Code. Подключается к подписке Claude.

3

Оформить подписку Claude

Минимум $20/мес (Pro). Рекомендуется $100/мес (Max) для полного доступа.

4

Настроить VPN

Amnezia VPN для обхода блокировок (актуально для РФ).

5

Установить Node.js

Необходим для работы Claude Code CLI и расширений.

Подписки Claude

$20
Pro
Базовый доступ
$100
Max
Все модели, без лимитов
Пошаговая инструкция будет предоставлена каждому участнику. Не нужно быть программистом - достаточно следовать шагам.

Дальнейшие шаги

Практика начинается

Воркшопы 5-6: Практика

  • Hands-on решение реальных рабочих задач
  • Каждый работает со своими кейсами
  • Пошаговая помощь от ведущего
  • Разбор ошибок и лучших практик

Подготовка к следующему занятию

  • Установите все инструменты (Cursor, Claude Code, Node.js)
  • Оформите подписку Claude
  • Настройте VPN
  • Подготовьте 2-3 рабочие задачи, которые хотите автоматизировать

Telegram-чат поддержки

Присоединяйтесь к групповому чату для:

  • Вопросов по установке
  • Обмена опытом
  • Получения обновлений
  • Помощи между занятиями
Домашнее задание: Попробуйте дать AI любую вашу рабочую задачу. Не бойтесь экспериментировать - худшее, что может случиться, это неудачный результат. Лучшее - вы сэкономите часы работы.
"Экспериментируйте каждый день. Давайте AI ваши реальные задачи. Именно так вы научитесь."
ДЕНЬ 4 - ИТОГИ
ВАЙБ-КОДИНГ -
ЭТО СУПЕРСИЛА
Вы описываете задачу. AI делает работу.
10x
Ускорение
рутинных задач
160+
Готовых
навыков
24/7
Работает
без перерывов
$100
В месяц за
полный доступ
HAMIDUN CONSULTING | FROM BASE TO MASTERY
Жемал Хамидун | @JHamidun | hamidunjemal@gmail.com
1 / 10