Вайбкодинг: собираем сайт и приложение без кода (мастер-класс для МФТИ)

Практический мастер-класс для Школы технологического предпринимательства МФТИ (15 июня 2026). Жемал Хамидун показывает, как собрать красивый рабочий сайт и веб-приложение за час без программирования — с помощью ИИ-агентов. Это вайбкодинг: вы описываете намерения словами, а нейросеть пишет код и собирает продукт.

• Понимать вайбкодинг и работать итерационным циклом «описал → проверил → уточнил».
• Различать инструменты: среда (Cursor) и агент (Claude Code) — и выбирать под задачу.
• «Прокачивать» Claude Code навыками, памятью и правилами; экономить токены.
• Собирать сайты с эффектами и встроенным ИИ-агентом, разворачивать на Tilda — и соблюдать 152-ФЗ.

Подход, при котором вы описываете намерения обычными словами, а ИИ сам пишет код и создаёт готовый продукт: сайт, приложение, дашборд, бота. Рабочий цикл — короткие круги по 1–2 минуты: описал → посмотрел → уточнил. Ключевое: вы правите промпт, а не код. Рутину забирает ИИ, стратегию, вкус и проверку фактов оставляет за собой человек.

• Cursor / Windsurf — среда разработки с ИИ (на базе VS Code), «дом», где идёт работа.
• Claude Code — агент, который читает и пишет файлы и собирает продукт.
• Lovable, no-code — сайт/приложение из текста, деплой одной кнопкой.
• n8n / Make — автоматизация связок между сервисами.

4 опоры Claude Code: модель (под задачу) · навыки (SKILL.md) · память (MEMORY.md) · правила (CLAUDE.md).

• Сайт конференции и сайт Школы ТехПред (Tilda + JS, 3D-эффекты, встроенный ИИ-агент прямо на странице).
• Прототип LMS, новостной портал, фитнес-блог — от визитки до веб-приложения.
• Браузерная автоматизация (Playwright) и развёртывание на Tilda.
• Персональные данные и 152-ФЗ: формы и заявки — это ПД, базы храним в РФ.

1. Соберите один сайт-визитку по принципу «опиши → посмотри → поправь» (Lovable или Cursor + Claude Code).
2. Поставьте Claude Code локально, попробуйте навыки, память и правила на реальной задаче.
3. Найдите 2–3 референса (стиль, эффекты) и попросите ИИ повторить «как здесь».
4. Если есть формы/заявки — добавьте политику ПД и храните данные в РФ.

• Claude Code — docs.claude.com/claude-code
• Cursor — cursor.com
• Lovable — lovable.dev
• AlpinaGPT — my.alpinagpt.ai

• 📄 Саммари вебинара (PDF)
• 📝 Полный транскрипт (PDF)
• 📊 Презентация (PDF)
• ▶️ Смотреть запись на RuTube

Жемал Хамидун — Head of AI в Alpina Digital, CPO AlpinaGPT.
@jemal_hamidun · hamidun.com · AlpinaGPT