Вайбкодинг с нуляВайбкодинг с нуля
Claude Code + Claude Design — от первой команды в терминале до проекта на сервере
Describe your idea in words — AI writes the code
Vibe coding is a new approach to development where you drive the process in natural language while an AI agent does the heavy lifting. You don't need to know syntax by heart: it's enough to understand what you want to get and be able to phrase the task well.
Claude Code
An agent that lives in your terminal: it reads your project, writes and edits code, runs commands and fixes its own errors. The main working tool of this material.
Claude Design
A canvas for visual design: mockups, prototypes, landing pages and interfaces. You change everything through chat and instantly see the result on the canvas.
Real projects
Every module ends with a finished product. By the end of the material you'll have projects for your portfolio.
It's a fit if you recognize yourself here
🚀 You want to get into IT from scratch
No technical background, but you want to build digital products and earn from it.
💼 Entrepreneur
You need to quickly build MVPs, landing pages and automations without hiring a dev team.
🎨 Designer / marketer
You want to turn mockups into working sites yourself and stop depending on the developer queue.
Demand for AI development is growing explosively
The market for AI-assisted development tools is expanding rapidly. Those who master vibe coding now will ride the crest of the wave.
relative growth of interest in AI coding agents (illustrative dynamics)
17 modules: from setup to production
A logical sequence with no fluff. Every module builds on the previous one and ends with a practical result.
Введение в вайбкодинг
- Что такое вайбкодинг
- Инструменты материала: Claude Code и Claude Design
- Как правильно ставить задачи ИИ
- Грабли новичка: чего не делать и чего не бояться
Доступ к Claude из России
- Санкционные ограничения: почему Claude не открывается
- Подключаем VPN
- Регистрация аккаунта и мобильный номер
- Подписка и первый вход в Claude Code
Стоимость и подписка Claude
- Планы Claude: что выбрать на старте
- Токены и контроль расходов
Подготовка окружения
- Знакомство с терминалом
- Claude Code в VS Code: визуальный способ (рекомендуем новичку)
- Установка Claude Code
- Создаём первый проект и запускаем агента
Первый проект: лендинг
- Из чего состоит сайт
- Генерируем структуру лендинга
- Дорабатываем через диалог
- Используем Claude Design для визуальной сборки
- Адаптив и финальная полировка
Claude Design глубже
- Канвас и компоненты
- От макета к рабочему сайту
- Дизайн-система и переиспользование
Git и безопасность
- Зачем нужен Git
- Заводим аккаунт на хостинге репозиториев
- Основы работы с Git (локально)
- Безопасность: что нельзя коммитить
Промптинг: как говорить с агентом
- Анатомия хорошего промпта
- Планирование и декомпозиция задач
- Итерации и ревью: читаем, что сделал агент
- Когда остановиться и как не сломать рабочее
- Когда застрял: как выбраться с помощью агента
Настройка проекта под агента
- CLAUDE.md: память и контекст проекта
- Сокращаем рутину: команды и автоматизация
- Субагенты: помощники-специалисты и проверки
- MCP: подключаем внешние инструменты (обзор)
- Skills: переиспользуемые умения агента (обзор)
Логика и интерактив
- Делаем формы рабочими
- Интерактивные элементы
- Подключаем внешние данные (API)
- Отладка: как чинить ошибки с агентом
Боты и автоматизация: Telegram и MAX
- Что такое бот и как он устроен
- Бот в Telegram — как создать
- Собираем бота с Claude Code
- Принимаем заявки и автоматизируем рутину
- Бот в MAX — для аудитории из России
- Тестирование и подготовка к запуску
Данные и база данных
- Зачем приложению база данных
- Основы SQL на пальцах
- Проект: бот сохраняет заявки в базу
- Проект: простая панель заявок (мини-CRM)
Проверяем и защищаем результат
- Как читать код, который ты не писал
- Проверка безопасности агентом-ревьюером
- Тестирование: убеждаемся, что работает
Инфраструктура и доступ
- Что такое VPS и выделенный сервер
- Что покупать: VPN, номер и сервер
- Подключаемся к серверу по SSH
- Помощь агента в настройке сервера
Подготовка сервера: домен и панель управления
- Доменное имя и DNS — как сайт находят по адресу
- Панель управления сервером
- Что заказать у хостинг-компании — и где помогут
Деплой и продакшен
- Что такое деплой
- Разворачиваем лендинг на VPS
- SSL-сертификат: https и «замочек»
- Запускаем бота на сервере 24/7
- Собираем портфолио и что дальше
Дальше: работа с существующим кодом
- Greenfield против чужого проекта
- Куда расти после материала
- Словарь терминов вайбкодера
Accessing Claude from Russia and the CIS
Due to sanction restrictions, Anthropic services (Claude, Claude Code, Claude Design) are not available directly from Russian IP addresses. In the material we cover in detail how to set up stable and legal access.
Sanction-related access restrictions
Registration and work with Claude from Russian IPs are blocked. To use the service you'll need two things: a reliable VPN and a working mobile number to confirm the account.
An important nuance: get the VPN and the number from the same country — we recommend the USA. If the regions don't match, blocks are possible during registration and login.
Without a VPN the service simply won't open, and without a number you won't be able to complete registration. We cover all of this step by step in the material.
Where to get a VPN, number and server
A VPN (with a server in the USA) and a VDS/VPS server for projects — from the trusted provider webhost1.ru. A mobile number for registration — at smsfast.pro.
Important: get the VPN and the number from the same country (we recommend the USA). All links and step-by-step instructions are inside the material.
What you'll take away
✅ Build sites and apps
From a landing page to a Telegram bot — on your own, driving an AI agent in natural language.
✅ Set up access from Russia
VPN, mobile number, a working Claude account — all connected and running stably.
✅ Ship projects to production
Deploy your product on a VPS or dedicated server with a domain and SSL.
✅ A portfolio of projects
Real cases you won't be ashamed to show a client or an employer.
✅ Take on orders
Understanding of the full cycle: from a client's idea to a working site online.
✅ Think like a developer
Task decomposition, debugging, security — skills that will stay with you.
Access to the material
Lifetime access. Section updates — free.
Вайбкодинг с нуля
- All 17 modules and 68 sections
- Lifetime access, free updates
- Guide to setting up access from Russia (VPN + number)
- Walkthrough of deploying to a VPS / dedicated server
- Participants chat
Frequently asked questions
Start building products this week
Master vibe coding with Claude Code and Claude Design, set up access from Russia and put your first project online.
Enroll in the material →