Практический мастер-класс для Школы технологического предпринимательства МФТИ (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-ФЗ: формы и заявки — это ПД, базы храним в РФ.
С чего начать на этой неделе
- Соберите один сайт-визитку по принципу «опиши → посмотри → поправь» (Lovable или Cursor + Claude Code).
- Поставьте Claude Code локально, попробуйте навыки, память и правила на реальной задаче.
- Найдите 2–3 референса (стиль, эффекты) и попросите ИИ повторить «как здесь».
- Если есть формы/заявки — добавьте политику ПД и храните данные в РФ.
Инструменты и ссылки
- Claude Code — docs.claude.com/claude-code
- Cursor — cursor.com
- Lovable — lovable.dev
- AlpinaGPT — my.alpinagpt.ai
Материалы вебинара
Спикер
Жемал Хамидун — Head of AI в Alpina Digital, CPO AlpinaGPT.
@jemal_hamidun · hamidun.com · AlpinaGPT