Введение в вайб-кодинг и Claude Desktop

Определение: вайб-кодинг это разработка где ты разговариваешь с AI как с напарником и тот пишет код за тебя по описанию задачи. Ты ведёшь, AI исполняет.

Почему все говорят что вайб-кодеры не доводят проекты до конца:

На этом курсе ты этих ошибок делать не будешь. Мы построим процесс который доводит проекты от идеи до прода.

Главная ошибка — говорить только «что нужно сделать». Claude умный, но без контекста он угадывает половину. А угадывает — значит промахивается.

Думай об этом как о разговоре с умным другом. Другу не говоришь «помоги». Ты объясняешь что случилось, что к этому привело, почему это важно прямо сейчас — и тогда он даёт реально полезный совет.

Три вещи которые меняют ответ сильнее всего:

Всё остальное (роль, пример, ограничения) — усиливает. Но эти три — база.

Разбираем на реальных случаях. Разница не в длине — в контексте и конкретике.

Плохо: «Помоги с текстом»

Хорошо: «Я пишу письмо клиенту который отказался от сделки три месяца назад. Хочу вернуть его, но без давления. Перепиши мой черновик чтобы он звучал тепло и по делу, без продажного тона»

Плохо: «Сделай мне сайт»

Хорошо: «Создай HTML лендинг для онлайн-курса по Excel. Целевая аудитория — бухгалтеры 35–50 лет. Нужны: заголовок, 3 блока с пользой, форма записи. Тёмная тема, без картинок»

Плохо: «Объясни маркетинг»

Хорошо: «Я веду небольшой магазин на маркетплейсе, хочу понять как работает воронка продаж именно там. Объясни простыми словами, 5–7 предложений»

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

Применительно к коду: не «сделай мне сайт», а «создай Next.js страницу с шапкой, логотипом и кнопкой записи. Tailwind, тёмная тема, без лишних библиотек».

Загрузи Claude Desktop с claude.ai/download если ещё нет (мы это делали в подготовительном).

Открой приложение. Наверху две вкладки: Home и Code.

Сегодня по очереди пройдём по каждому режиму. Сначала Chat (это где ты уже бывал), потом Cowork (это новое), потом Claude Code (это самое мощное).

На записи вебинара приложение выглядело иначе: тогда наверху были три вкладки Chat, Cowork и Code. Claude Desktop с тех пор обновился, поэтому в шаги урока добавлены скринкасты актуального интерфейса.

Прежде чем разбирать Chat и Cowork — заходим в Settings. Там четыре раздела которые стоит знать с первого дня.

General — здесь пишешь как хочешь чтобы Claude отвечал. Это системный промпт который грузится в каждый чат и сессию — включая Cowork и его автоматические команды. Первое что делаем: Settings → General → поле «How you'd like Claude to respond» → вставляем этот промпт:

Сохрани. Теперь Claude будет отвечать по-русски всегда — даже когда Cowork кидает английские команды.

Billing — твои траты. Какой тариф, сколько потрачено, история платежей. Полезно смотреть раз в неделю чтобы понимать расход.

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

Память теперь живёт в Customize → Memory. Раньше она была в разделе Capabilities: если ищешь её там, не найдёшь, приложение обновилось. Здесь включаем три вещи:

Последнее делаем прямо сейчас вместе.

Разбираем сверху вниз:

Ниже в сайдбаре закреплённые и недавние чаты. Чаты именуются по первому сообщению, можно переименовать. Поиск по чатам тоже здесь, спасает когда их сотни.

Справа от поля ввода селектор модели. По умолчанию там «Opus 5 High»: первое это модель, второе (High) это уровень усилия Effort, о нём ниже. Кликни и увидишь список:

Ниже списка настройка Effort (усилие): чем выше, тем дольше Claude думает и тем больше тратит лимит. Для простого снижай, для сложных рассуждений поднимай. Если не уверен, оставь как есть.

Там же пункт More models: прошлые версии вроде Sonnet 4.6 и Opus 4.7, если они тебе привычнее.

Правило простое: повседневное делай на Sonnet 5 чтобы беречь лимит, сложное и важное на Opus 5.

Справа вверху окна кнопка облака (Beta). Она решает, где Claude выполняет задачу:

Это связано с разделом Scheduled из сайдбара: утренняя сводка в 8:00 может собираться в облаке, пока твой ноутбук ещё закрыт.

И важное про стили: раньше в настройках был раздел Styles (стили общения), на вебинаре мы его показывали. В актуальном интерфейсе его нет. Стиль ответов теперь задаётся промптом в Settings → General, инструкциями проекта или скиллами. Все шаги урока, где раньше были стили, обновлены под это.

Когда Claude генерирует что-то крупное — код, HTML-страницу, таблицу, документ — он не выбрасывает это в поток чата. Он открывает отдельную панель справа. Это артефакт.

Артефакт это не просто блок кода. Это живой объект:

Типы артефактов: HTML-страница (рендерится), React-компонент (интерактив), Markdown (документ), SVG (векторная графика), код на любом языке.

Самое мощное применение: прототипировать UI за минуты. Без установки, без редактора, без браузера — всё прямо в окне Claude.

Project это контейнер для серии связанных чатов с общими инструкциями и файлами.

Логика простая: одна тема = один проект. У тебя есть рабочие задачи, хобби, учёба, личные цели — это разные контексты. Зачем мешать их в один чат?

Примеры как люди делят:

В каждом проекте:

Открой проект: справа панель с тремя разделами. Думай о проекте как об отдельном сотруднике:

Прикинь как личную базу знаний с AI который помнит всё что ты туда положил.

Claude есть на iOS и Android — синхронизирован с десктопом, те же чаты и проекты, voice mode.

Сегодня намеренно не настраиваем: в России приложение требует VPN, и это занимает время которого у нас нет. Не хотим чтобы половина группы застряла на установке пока остальные идут дальше.

Если у тебя нет VPN-проблем — скачай и залогинься самостоятельно, там просто. Лайфхак сразу: надиктовал идею в дороге → открыл десктоп → продолжаешь.

В сайдбаре Home есть Dispatch (Beta) — связка с телефоном: следишь за задачами Claude со смартфона пока он работает на компьютере. Разберём это на втором уроке когда все будут с установленным приложением.

Cowork это режим где Claude не просто отвечает, а делает задачу: сам берёт твои файлы, открывает приложения, заходит в браузер и доводит дело до результата.

Включается прямо в поле ввода: переключатель Chat / Cowork, Cowork справа. Это не отдельная вкладка.

В отличие от Chat где ты копипастишь всё руками, в Cowork ты ставишь задачу словами, а Claude выполняет её сам с доступом к твоим данным.

Перед использованием Claude спрашивает доступ к папке. Ты выбираешь конкретную и он работает только в ней.

Под полем ввода в Cowork два важных переключателя:

Когда Claude меняет файл, он показывает diff (что именно изменилось до и после) прямо внутри хода задачи, и ты подтверждаешь там же.

Самый короткий путь к суперспособностям Claude: кнопка «+» слева в поле ввода. Работает и в Chat, и в Cowork. Там три пункта, разберём каждый.

Connectors — подключаешь внешние сервисы. Gmail, Calendar, Drive, Zoom, Chrome и другие. Claude начинает видеть твои данные и работать с ними.

Skills — готовые инструкции для Claude как делать конкретный тип задач. Не подключение к сервису, а алгоритм и роль. Вызываются через «/» в поле ввода, там даже подсказка есть: Type / for skills.

Plugins — готовые цифровые сотрудники. Это отдельные агенты от Anthropic с уже встроенной логикой, коннекторами и ролью.

То же самое есть и через сайдбар: Customize открывает настройки со Skills, Connectors, Plugins и Memory. Но через плюсик быстрее, и мы в уроках будем ходить через него.

Коротко: Connector = доступ к данным, Skill = инструкция как работать, Plugin = готовый сотрудник.

Ты уже подключил Gmail, Calendar, Drive, Chrome и Zoom. Теперь соберём из всего этого персонального ассистента который знает твою нишу и работает напрямую с твоими сервисами.

Это не шаблонный чат-бот. При первом запуске он спрашивает кто ты и чем занимаешься — и дальше говорит на языке твоего бизнеса. Назначает встречи, разбирает почту, ищет файлы — сам, без объяснений каждый раз.

Архитектура: Project с системным промптом полного уровня. Две минуты на настройку — и работает в следующих шести уроках как твой рабочий инструмент.

В поле ввода «+» → Skills, либо сайдбар → Customize → Skills (там кнопки Browse и Add). Скилл — это готовая инструкция как Claude должен делать определённый тип задач.

Чем отличается от коннектора: коннектор даёт доступ к данным, скилл даёт алгоритм работы. Можно иметь оба одновременно.

Готовые скиллы от Anthropic которые стоит знать:

Готовые скиллы ставятся из каталога: Customize → Skills → кнопка Browse → откроется каталог Directory (в нём три вкладки: Skills, Connectors, Plugins). Нашёл нужный — жми плюс, ставится за секунды. Свой файл скилла загружается кнопкой Add рядом с Browse. Есть путь ещё проще: скачанный файл скилла просто отдай Claude в чат и попроси установить — он поставит сам.

После установки отдельно вызывать скилл не нужно: он включается сам, когда задача ему подходит, и в Chat, и в Cowork. Хочешь запустить конкретный скилл вручную — набери «/» в поле ввода (подсказка: Type / for skills).

Plugins — это другой уровень. Плагин это не инструкция и не коннектор — это готовый цифровой сотрудник.

У него есть роль, логика, встроенные инструменты и понимание своей области. Anthropic уже обучил его, дал ему нужные коннекторы и контекст.

Разница с обычным Claude: обычный Chat — универсал. Плагин — узкий специалист который говорит с тобой на языке твоей профессии.

Что есть в каталоге:

Главное правило: плагин видит только те данные которые ты подключил. Sales без CRM — это просто умный советник. Sales с amoCRM или Битрикс24 — это аналитик который видит твои реальные сделки.

Сегодня мы только открыли дверь. Настоящая сила раскрывается когда к плагину подключены реальные данные.

Что изменится после домашки:

В домашнем задании выберешь плагин под свою нишу и подключишь нужные коннекторы. После этого он начнёт работать с твоими реальными данными — не с выдуманными примерами.

Вкладка Code наверху (вторая, рядом с Home) — это Claude Code. Отдельная среда для работы с кодом и файлами прямо внутри приложения.

Чем отличается от Chat и Cowork:

Всё это прямо в Claude Desktop, без переключения между окнами и терминалами.

На этом уроке просто открываем вкладку, смотрим интерфейс и разбираемся что где. Глубокое погружение — на следующем уроке.

Открываем вкладку Code. Видим рабочую область с полем ввода и историей сессий.

Несколько вещей которые стоит заметить прямо сейчас:

Сегодня смотрим, трогаем, запоминаем где что. На втором уроке работаем по-настоящему.