Выбор агента: Claude Code, Codex, OpenCode
- Даём агентам одну задачу, сравниваем результат и объём ручных правок. Выбираем инструмент под свою работу.
Мастермайнд
Обучение AI-дизайну
Вы — арт-директор, нейросеть — ваша команда. Учимся собирать сайты сразу в коде.
Практическое обучение для дизайнеров, которые хотят сами создавать сайты и цифровые продукты с помощью нейросетей — в Figma и сразу в коде, в формате вайб-дизайна. Без заучивания инструментов и зависимости от пошаговых уроков.
Два созвона в неделю по два часа в группе до 8 человек: теория, ответы на вопросы и разбор домашних заданий. За 3 месяца можно собрать до 6 работ в портфолио — типовые сайты, которые чаще всего заказывают.
Программа
Что будем изучать
Разбираем работу дизайн-инженера: от задачи и первых эскизов до опубликованного сайта, который можно передать заказчику.
Десять разделов: раскройте любой, чтобы посмотреть темы и практику. Каждую тему разбираем внутри проекта — на том шаге, где она нужна прямо сейчас.
Агенты, модели и скилы
Модели и провайдеры: чем отличаются, какие задачи им поручать и как подключать к агенту.
Постановка задачи и проверка результата
- Передаём контекст проекта, исходные материалы и ограничения. Заранее описываем, что должно получиться.
- Делим работу на этапы, проверяем промежуточный результат и даём конкретные замечания.
Скилы: готовые инструкции и свои
- Разбираем чужой скилл, адаптируем под задачу и проверяем на проекте.
- Пишем свой скилл для повторяющейся задачи и собираем библиотеку инструкций.
Задача, структура и тексты
Материалы заказчика: выясняем, для кого сайт, что он предлагает и какое действие ждём от посетителя. Собираем факты, примеры и подтверждения.
Структура страницы и оффер
- Формулируем предложение на первом экране и выбираем, чем его подтвердить.
- Выстраиваем порядок блоков: что посетителю нужно узнать до заявки или покупки.
Редактура текста после нейросети
- Убираем штампы и повторы, заменяем общие обещания конкретными фактами. Сохраняем голос автора.
- Проверяем цифры и утверждения по исходным материалам; недостающие сведения запрашиваем у заказчика.
Подготовка к поиску и публикации ссылок: заголовки, метаданные, адреса страниц и превью для соцсетей.
Дизайн и вкус
Референсы: где искать, как собирать свой банк и выбирать примеры под задачу.
Разбор и оценка дизайна
- Смотрим, как работают композиция, сетка, типографика, ритм и визуальная иерархия.
- Находим слабые места макета и объясняем, что стоит исправить и почему.
От первых генераций к своему решению
- Получаем несколько черновиков, выбираем удачные находки и проверяем, сочетаются ли они.
- Дорабатываем шаблонные решения нейросети: композицию, детали и соответствие задаче.
Figma MCP и дизайн-система
- Работаем с макетом через агента. Фиксируем стили и компоненты, чтобы страницы оставались согласованными.
Графика и изображения
Графика для сайтов, YouTube, соцсетей и маркетплейсов: выбираем референсы и учитываем формат площадки.
Промпт как арт-бриф
- Задаём композицию, свет, материалы и настроение; разбираем приёмы работы в Midjourney.
- Добиваемся согласованного стиля в серии изображений.
Доработка генераций
- Перегенерируем отдельный участок изображения, сохраняя остальной кадр.
- Убираем артефакты, повышаем разрешение изображений и видео. Разбираем апскейл в Replicate.
Подготовка графики для веба: выбираем формат, размеры и плотность пикселей, уменьшаем вес без заметной потери качества.
Сайты: от быстрых до фестивальных
Выбор сложности: когда достаточно сайта за вечер, а когда задача и бюджет позволяют сложную анимацию. Разбираем примеры из подборки ниже.
Адаптивная вёрстка
- Задаём поведение сетки, текста и изображений при изменении ширины экрана.
- Проверяем промежуточные размеры, длинный контент и управление с телефона.
Анимация и интерактив
- Проектируем появления, переходы и реакции на действия пользователя.
- Проверяем эффекты на телефоне, учитываем настройку уменьшения движения и нагрузку на страницу.
Проверка качества сайта
- Ищем причины медленной загрузки и проверяем результат после оптимизации.
- Проверяем доступность: клавиатуру, видимый фокус, контраст и понятные ошибки в формах.
- Проходим основные сценарии: навигацию, переходы и отправку форм.
Техническая основа и публикация
Архитектура проекта на Astro
- Разбираемся, где находятся страницы, компоненты, стили и данные. Определяем, что стоит переиспользовать.
Git и публикация
- Смотрим изменения агента, сохраняем рабочие версии и учимся откатывать неудачные правки.
- Настраиваем сборку и публикацию на Cloudflare через GitHub Actions. Проверяем сайт после обновления.
CMS: Instatic и Directus
- Проектируем поля и связи под контент сайта, подключаем вывод данных на страницы.
- Настраиваем права редактора и проверяем, что он может менять без помощи разработчика.
Интернет-магазин
- Разбираем каталог, карточку товара и корзину на Medusa; письма о заказах через Resend.
- Проверяем путь покупки целиком: от выбора товара до оплаты и подтверждения заказа.
Open source: готовые проекты под свои задачи
Поиск и выбор проекта
- Ищем открытые альтернативы платным сервисам на GitHub и в каталогах. Сравниваем возможности с задачами проекта.
- Проверяем лицензию, документацию, активность разработки и открытые проблемы. Выясняем, какие функции доступны без платной версии.
Запуск и проверка
- Разворачиваем проект локально или на тестовом сервере, настраиваем зависимости и проверяем нужные сценарии на своих данных.
Доработка под себя
- Разбираемся в коде вместе с агентом, меняем интерфейс и добавляем недостающие функции и интеграции.
- Ведём свою версию в Git, тестируем изменения и учимся переносить обновления исходного проекта, сохраняя свои доработки.
Экономия на подписках: считаем стоимость сервера, настройки и поддержки. Решаем, когда собственная установка выгоднее подписки и от каких сервисов можно отказаться.
DevOps: сервер, бэкапы и нагрузка
Выбор сервера и хостинга
- Сравниваем управляемую платформу и VPS. Подбираем процессор, память, диск и регион под приложение, ожидаемую нагрузку и бюджет.
Настройка и управление сервером
- Настраиваем доступ по SSH, права пользователей, сетевые ограничения, домен и HTTPS. Разворачиваем приложение и базу данных.
- Обновляем систему и сервисы, читаем логи, настраиваем перезапуск и уведомления о сбоях. Публикуем изменения через GitHub Actions с возможностью отката.
Бэкапы и восстановление
- Автоматизируем резервное копирование базы данных, загрузок и настроек. Задаём расписание и срок хранения, храним копии отдельно от рабочего сервера и ограничиваем доступ к ним.
- Восстанавливаем проект из бэкапа на тестовом окружении. Проверяем целостность данных, время восстановления и сколько последних изменений можно потерять.
Нагрузка и запас ресурсов
- Следим за CPU, памятью, диском, временем ответа и ошибками. Проводим нагрузочные тесты на своём тестовом окружении.
- Находим, что ограничивает производительность. Проверяем, когда помогут кэширование и оптимизация запросов, а когда нужно увеличить ресурсы сервера.
Безопасность и стоимость работы
Данные и доступы
- Определяем, какие материалы можно передавать модели. Убираем из них секреты и закрытые данные заказчика.
- Храним ключи в переменных окружения, проверяем, что они не попадают в репозиторий или чат.
Права агента: ограничиваем доступ к рабочим данным и CMS, отдельно согласуем удаление и публикацию.
Расходы на ИИ
- Сравниваем бесплатный доступ, подписки и оплату кредитами; проверяем лимиты и срок действия кредитов.
- Следим за расходом токенов и генераций, выбираем модель по сложности задачи.
Себестоимость проекта: считаем своё время, инфраструктуру, генерации и переделки.
Работа с заказчиком
Продажа и оценка проекта
- Уточняем задачу, предлагаем объём работ и объясняем стоимость.
- Фиксируем, что входит в проект, какие материалы нужны от заказчика и сколько правок включено.
Согласования: показываем промежуточные результаты, собираем обратную связь и отделяем исправления от новых задач.
Сдача и сопровождение сайта
- Проверяем результат по договорённостям, передаём доступы и инструкцию редактору.
- Передаём порядок резервного копирования и восстановления, договариваемся, кто отвечает за обновления, поддержку и дальнейшие доработки.
Доработка чужого сайта: изучаем устройство проекта и существующие стили, проверяем изменения на копии.
Вайб-дизайн
Дизайн сразу в коде
Кроме классического пути через Figma, учим вайб-дизайну: работаем сразу в коде и собираем сайт вместе с нейросетью, без макета. Вы описываете идею, смотрите результат в браузере и правите его словами — так сайт получается намного быстрее.
Роль дизайнера при этом меняется: вы — арт-директор. Задаёте настроение, композицию и типографику, отбираете лучшее и решаете, что оставить. Рутину — вёрстку, адаптив, бесконечные правки слоёв — берёт на себя нейросеть.
Это возвращает в профессию интерес: меньше механической работы, больше идей и экспериментов.
Методика
Почему здесь нет пошаговых уроков
Раньше, чтобы освоить новый инструмент, приходилось смотреть часы видеоуроков и повторять действия преподавателя. Сегодня нейросеть объяснит любой термин, составит пошаговую инструкцию и поможет разобраться с ошибкой.
Но она не заменяет профессиональный опыт, насмотренность и способность принимать решения — и сама тоже ошибается. Поэтому мы не тратим созвоны на пересказ документации и повторение действий за преподавателем, а учимся ставить задачи, находить решения, критически оценивать результат, в том числе ответы нейросети, и доводить проекты до конца.
Моя задача — не сделать вас зависимыми от моих объяснений, а научить работать самостоятельно.
Кто за что отвечает
Преподаватель, нейросеть и вы
Преподаватель не заменяет нейросеть, нейросеть не заменяет преподавателя, а оба не заменяют вашу инициативу.
- Опыт
Преподаватель
Передаёт опыт
Показывает подходы
Оценивает решения
Направляет
Даёт обратную связь - Знания
Нейросеть
Объясняет термины
Даёт инструкции
Помогает исправлять ошибки
Отвечает на вопросы
Помогает разобраться - Инициатива
Вы
Ставите цели
Проявляете инициативу
Экспериментируете
Принимаете решения
Создаёте проекты
Формат
Как проходит созвон
Два раза в неделю по два часа. Каждая встреча собрана из трёх частей — так, чтобы за неделю вы успевали и узнать новое, и довести до конца свою работу.
Встречу записываем: если пропустили или хотите вернуться к разбору, запись остаётся у группы.
- ~40 минут
Блок теории
Разбираем тему созвона на актуальных инструментах: что изменилось, что работает сейчас, как это применить в вашем проекте.
- ~30 минут
Ответы на вопросы
Всё, что накопилось за неделю: застрявшие макеты, странные ответы нейросети, спорные решения. Разбираем на общем экране.
- ~50 минут
Проверка заданий
Смотрим домашние работы участников и даём обратную связь — я и группа. Чужие разборы часто полезнее собственных.
Если трудно
Что делать, если ничего не понятно
Не знаете, с чего начать? Это нормально. На обучении вы постоянно будете сталкиваться с незнакомыми инструментами, терминами и задачами — это не препятствие, а часть процесса.
Здесь не нужно знать всё заранее. Нужно быть готовым разбираться.
- 01
Непонятен термин
Попросите нейросеть объяснить его простыми словами.
- 02
Непонятно, как сделать задачу
Попросите нейросеть составить пошаговую инструкцию.
- 03
Появилась ошибка
Покажите её нейросети и попробуйте исправить.
- 04
Решение не работает
Попробуйте другой подход или переформулируйте задачу.
- 05
Зашли в тупик
Приносите проблему на созвон или пишите мне — разберёмся вместе.
Главный навык
Самостоятельность
Инструменты постоянно меняются: то, что актуально сегодня, через полгода может устареть. Поэтому бессмысленно строить обучение только вокруг конкретных интерфейсов и инструкций.
Гораздо важнее развивать агентность — способность самостоятельно ставить задачи, принимать решения и добиваться результата. Не ждать, пока кто-то покажет следующий шаг, а находить его самому. Нейросеть ответит почти на любой вопрос, но не решит, какой вопрос задать и зачем: инициатива и выбор — то, что сейчас отличает человека от нейросети.
ИИ делает такой подход доступным даже без технической подготовки.
Программа
Три месяца
Программа идёт от дизайна к работающему сайту и дальше — к проектам, которые уже нельзя собрать одним запросом.
- 01
Дизайн с помощью нейросетей
Как ставить задачу нейросети, собирать референсы и получать не шаблон, а собственное решение. Работа в Figma: сетки, типографика, компоненты, дизайн-система проекта. Работы месяца — лендинг и промо-сайт.
- 02
Из макета в работающий сайт
Агенты — Claude Code, Codex или OpenCode: как передать им макет, как формулировать задачу, как проверять и править результат. Вайб-дизайн: сайт сразу в коде, без макета. Адаптив, анимация, публикация. Работы месяца — сайт-визитка и интернет-магазин.
- 03
Сложные проекты и портфолио
Многостраничная структура, CMS, контент, поведение на разных устройствах. Разбираем, как вести проект целиком и как показывать сделанное. Работы месяца — корпоративный сайт и контентный проект.
Результат
До 6 работ в портфолио
Мы не разбираем абстрактные примеры. Программа рассчитана на два реальных проекта в месяц — так к концу мастермайнда можно закрыть все типовые форматы, которые обычно заказывают.
Сколько работ получится, зависит от вашей практики, инициативы и времени: между созвонами закладывайте 6–10 часов в неделю.
Четыре формата в программе фиксированы, оставшиеся два выбираем вместе с группой — под задачи, которые ближе именно вам.
Лендинг
Одностраничный сайт продукта или услуги: структура, оффер, дизайн и адаптив. С него начинаем — он показывает весь путь от макета до опубликованной страницы.
Промо-сайт
Имиджевый проект с нестандартной композицией, анимацией и интерактивом. Здесь разбираем, как получать от нейросети не шаблон, а собственную визуальную идею.
Сайт-визитка
Небольшой сайт компании или специалиста. Быстрый формат, на котором отрабатываем скорость: от брифа до готового сайта за один спринт.
Интернет-магазин
Каталог, карточки товаров, корзина и оформление заказа. Самый большой проект курса — и по дизайну, и по количеству состояний интерфейса.
Корпоративный сайт
Многостраничный сайт со сложной структурой, разделами услуг и кейсов, CMS и возможностью дальше его развивать.
Блог или медиа
Контентный проект: типографика, шаблоны материалов, лента и работа с большими объёмами текста и изображений.
Кому подойдёт
Вам подойдёт, если
Опыт в дизайне пригодится, но начать можно и с нуля — если вы готовы много разбираться самостоятельно. Программировать не нужно.
Это не поток на сто человек. До 8 участников — столько, сколько можно разобрать за два часа, не превращая созвон в лекцию.
- Готовы сами искать решения и экспериментировать
- Не боитесь незнакомых инструментов и терминов
- Хотите делать реальные проекты, а не смотреть уроки
- Готовы использовать нейросети как помощников в учёбе
- Хотите научиться работать без постоянных инструкций
- Хотите собрать портфолио из работающих сайтов
Честно
Не подойдёт, если
Это не деление на хороших и плохих учеников — просто разные форматы обучения.
- Вы ждёте последовательных видеоуроков с повторением каждого действия
- Хотите, чтобы преподаватель объяснял каждый технический термин
- Не готовы самостоятельно разбираться с возникающими трудностями
- Предпочитаете заранее подготовленные инструкции и предсказуемые задания
Почему вживую
Почему не курс в записи
Записанный курс — это фотография инструментов на день съёмки. В AI-дизайне такая фотография живёт месяц-два.
Курс в записи предлагает
«Посмотрите уроки в удобном темпе»
Программа снята заранее. Часть инструментов успевает измениться, а показать свою работу и получить разбор негде — вопросы остаются с вами.
Мастермайнд предлагает другое
«Собираемся и делаем вместе»
Каждый созвон идёт на тех инструментах, которые работают сейчас. Вы показываете свою работу, задаёте вопросы и получаете обратную связь — от меня и от других участников.
В реальном времени
Я работаю над своими проектами прямо на созвоне — и мы вместе это обсуждаем.
Не готовый пример, разобранный задним числом, а задача, которая у меня в работе сейчас: как я ставлю её нейросети, что она отвечает, где ошибается и что я делаю дальше. Можно перебивать вопросами по ходу.
Видно и то, что обычно остаётся за кадром курса, — тупики, переделки, решения на ходу, правки от заказчика и то, как считается время. Свои задачи участники выносят на разбор так же, и разбираем их всей группой.
Инструменты
С чем работаем
Работаем и в Figma, и сразу в коде, и всеми инструментами ниже мы пользуемся сами — в клиентских проектах, а не на учебных примерах. Конкретного агента под сборку сайтов подбираем в начале потока: под ваши задачи и под то, что на тот момент работает лучше.
Отдельно разбираем Replicate и других поставщиков токенов: какие модели у них есть, в чём сильна каждая из них и как обращаться к ним напрямую по API.
- Figma
- Нейросети для макетов
- Генерация картинок
- Обработка и ретушь
- Upscale-сервисы
- Replicate и подобные сервисы
- Поставщики токенов
- Работа с API
- Claude Code
- Codex
- OpenCode
- Astro
- Instatic
- Git и публикация
Кто ведёт
Иван Майоров
20+лет в дизайне и разработке
Больше двухсот проектов для бизнеса, первое место «Золотого сайта».
Студия mayorov team делает коммерческие сайты, и нейросети мы используем не в качестве эксперимента, а в ежедневной работе — на клиентских проектах со сроками и бюджетами. Подробнее об этом — на странице разработки сайтов с помощью ИИ.
На мастермайнде я показываю ровно тот процесс, которым сам собираю проекты, а не отдельно придуманную учебную методику.
После обучения
Такие работы вы сможете делать сами
Три сайта, собранных нейросетями и агентами — тем же процессом, который мы разбираем на созвонах. За 3 месяца вы проходите этот путь на своих проектах: от структуры и макета в Figma до опубликованного сайта.
Перед записью
Важно понимать формат
Это не классический курс с пошаговыми видеоуроками. Большую часть работы вы выполняете самостоятельно с помощью нейросетей, а на созвонах мы разбираем подходы, решения и возникающие трудности.
Если вам нужно, чтобы преподаватель последовательно объяснял каждое действие, этот формат, скорее всего, не подойдёт.
Условия
Стоимость и сроки
Сейчас идёт набор в первую группу, поэтому цена промо — со скидкой 50%: 10 000 ₽ в месяц вместо 20 000 ₽.
Оплата помесячная, всего 3 месяца. За следующий месяц платите, только если продолжаете.
- Стоимость
10 000 ₽
20 000 ₽в месяц
Набор в первую группу — цена со скидкой 50%. Оплата помесячная: за следующий месяц платите, только если продолжаете.
- Срок
3 месяца
по два созвона в неделю
Два раза в неделю по два часа — около двадцати четырёх встреч за поток.
- Результат
До 6
работ в портфолио на выходе
Готовые сайты, сделанные вашими руками. Сколько успеете — зависит от практики: закладывайте 6–10 часов в неделю на самостоятельную работу.
Записаться в группу
Группы небольшие — до 8 человек, поэтому места разбирают заранее. Напишите в телеграм: расскажу про ближайший поток, спрошу про ваш опыт и отвечу на вопросы.
Вопросы
Частые вопросы
Нужен ли опыт в дизайне? Можно ли учиться с нуля?
Опыт в дизайне желателен: мы работаем в Figma и обсуждаем композицию, типографику и структуру. Но начать можно и с нуля, если вы готовы много разбираться самостоятельно: это не обучение, где преподаватель последовательно объясняет каждое действие.
А если я вообще не разбираюсь в программировании?
Программировать самостоятельно не обязательно: код пишут агенты, они же объясняют технические вопросы. Но незнакомые понятия и возникающие проблемы вам придётся изучать и разбирать самостоятельно — с их помощью.
Что делать, если я плохо знаю Figma?
Скажите об этом до старта — дам дополнительные материалы по Figma, чтобы вы догнали группу. Figma нужна в классической части программы, а в вайб-дизайне мы работаем сразу в коде — без неё.
Что если я пропущу созвон?
Ничего страшного: все созвоны записываем, запись можно посмотреть. Вопросы, которые останутся после неё, разбираем на следующей встрече, а домашнее задание остаётся тем же — из графика по работам вы не выпадаете.
С какими нейросетями и агентами будем работать?
Дизайн собираем нейросетями в связке с Figma или сразу в коде, а сайт — агентами: Claude Code, Codex или OpenCode. Конкретный набор подбираем в начале потока под ваши задачи и под то, что на тот момент работает лучше.
Будут ли пошаговые видеоуроки?
Нет. Это не классический видеокурс: мы работаем с актуальными инструментами на живых созвонах, а пошаговую инструкцию под свою задачу вы при необходимости получаете у агента или нейросети. Если с нейросетью так и не получилось — пишите мне, помогу.
Зачем тогда преподаватель, если всё можно спросить у нейросети?
Нейросеть объяснит, как выполнить действие. Но она не всегда поможет понять, какое решение лучше, какие задачи действительно важны и как вести работу над реальным проектом, — и сама тоже ошибается. Здесь нужны опыт, обратная связь и разборы.
Что делать, если я не понимаю, о чём говорят на созвоне?
Задавайте вопросы нейросети прямо во время созвона, а непонятные моменты разбирайте после него по записи. Если разобраться не получилось, приносите конкретные вопросы на следующий созвон.
Нужно ли платить за нейросети отдельно?
Минимально нужна платная подписка на ChatGPT: её хватит, чтобы пройти программу целиком. Подписки на инструменты оплачиваются отдельно от обучения. Остальное подключаем по желанию — на созвонах показываю, где это экономит время и что можно сделать без него.
Как оплачивается обучение?
Помесячно. Обычная цена — 20 000 ₽ в месяц, но сейчас идёт набор в первую группу, и она промо: 10 000 ₽ в месяц со скидкой 50%. Скидка держится все 3 месяца: со второго месяца цена не вырастет. Оплата за следующий месяц — только если вы продолжаете.
Кому принадлежат работы, сделанные на курсе?
Вам. Все проекты вы делаете сами и забираете в своё портфолио.
Дальше