Материалы к уроку

GPT-6 ASTRAПРОТИВFABLE 5.1

Четыре задачи, две модели, один промпт на обе. Клон Fortnite в браузере, лендинг, моушн-графика и 3D-приложение с настоящей базой.

▶ Смотреть видео
§ Материалы / 05 шагов ИИ Мастодонт · 2026

ЧТО ТЫ НАУЧИШЬСЯ ДЕЛАТЬ

Всё, что в видео делается на экране, лежит здесь промптами. Копируй и повторяй.

🎮

Клон Fortnite в браузере

Один промпт плюс референс-картинки — играбельная игра с ботами, лутом и строительством.

🎨

Лендинг без нейрослопа

Тот же промпт на обе модели — и видно, какая понимает дизайн, а какая рисует шаблон.

🎬

Моушн-графика без рук

Модель сама дёргает видеогенератор через MCP. В сам генератор ты не заходишь.

🌍

3D-приложение с базой

Глобус с дугами перелётов — и настоящее сохранение, которое переживает перезагрузку.

ЧТО ПОНАДОБИТСЯ

Обе модели платные — это и есть предмет сравнения. Всё остальное дешевле или бесплатно.

Codex · GPT-6 Astra
Модель OpenAI, одна из двух героинь теста
Claude · Fable 5.1
Модель Anthropic, вторая героиня теста
Higgsfield MCP
Мостик, через который модель сама снимает видео
Supabase
База, авторизация и хранилище для собранного приложения
бесплатный тариф
Ещё понадобится папка со скриншотами Fortnite — шесть-восемь штук: интерфейс, вид с прицела, батл-бас, оружие, лобби, остров спавна, сундук, карта. Они идут в первый промпт вложениями.
01

КЛОН FORTNITE ОДНИМ ПРОМПТОМ

Один и тот же текст уходит обеим моделям, к нему прикладываются скриншоты. Дальше не трогаешь ничего — смотришь, что каждая соберёт за один заход.

  • Собери шесть-восемь скриншотов Fortnite и держи их в одной папке
  • Вставь промпт, приложи картинки, отправь
  • Жди: у одной модели это заняло сорок пять минут, у другой полтора часа
💬 Промпт 1 — клон Fortnite
Собери мне играбельный в браузере клон Fortnite Battle Royale (Глава 1, «OG»-эпоха). Я показываю это аудитории как демонстрацию того, насколько хорошо модель умеет воссоздать настоящую игру, поэтому планка — зрелище: должно выглядеть и ощущаться как Fortnite, а не как прототип.

Вложения (повтори их настолько точно, насколько сможешь)

1. HUD — точная внутриигровая раскладка интерфейса: полосы здоровья и щита, таймер шторма, компас, миникарта, счётчик материалов, слоты построек, панель оружия с количеством патронов, лента убийств.
2. Прицеливание — как выглядит приближение через штурмовую винтовку (третье лицо, из-за плеча, прицел сужается, всплывают цифры урона).
3. Батл-бас — автобус и модель воздушного шара.
4. Оружие — полный набор оружия и предметов Главы 1 с вариантами редкости. Повтори модели и используй именно эти предметы.
5. Экран лобби — домашний экран. Выбор Solo / Duo / Squad и кнопка READY.
6. Остров спавна — предматчевый остров.
7. Сундук — модель сундука с лутом.
8. Карта — остров OG Главы 1. Построй эту карту: именованные точки интереса, дороги, река, озеро, гора, береговые линии.

Прежде чем строить, изучи всё, что я не указал: точные стили моделей, тайминги фаз шторма, характеристики оружия, механику строительства, высоту раскрытия глайдера. Везде, где я молчу, повторяй поведение настоящего Fortnite.

Стек и ограничения

- Three.js, Vite, TypeScript. Работает локально, без бэкенда.
- Цель — 60 fps в Chrome на приличном игровом ПК при 99 ботах плюс я. Оптимизируй агрессивно: LOD, инстансинг, упрощённая симуляция ботов вдали от игрока. Когда точность и производительность конфликтуют — побеждает производительность.
- Клавиатура и мышь. Стандартные раскладки Fortnite: WASD, пробел — прыжок и глайдер, Shift — спринт, E — взаимодействие, правая кнопка — прицел, R — перезарядка, 1-6 — панель оружия, Q — режим строительства, F1-F5 — детали построек, M — карта, Tab — инвентарь.

Ход игры

1. Лобби. Игрок выбирает Solo, Duo или Squad и жмёт READY. Все режимы собирают очередь; боты добивают лобби до 100 (99 ботов и я).
2. Остров спавна. 10 секунд: можно подбирать оружие, стрелять и бить людей, но урона нет. Ничего не переносится в матч.
3. Батл-бас. Летит маршрутом через остров. Прыгать можно только над сушей. Всех, кто остался на борту к концу маршрута, выбрасывает автоматически.
4. Затяжной прыжок. Свободное падение с характерным следом Fortnite. Глайдер раскрывается сам на фиксированной высоте над землёй; пробел складывает и раскрывает его снова, чтобы можно было спланировать в другое место.
5. Приземление и лут. Сундуки, лут на полу, ящики с патронами. У оружия есть редкость, от обычного до легендарного. Кирка всегда в слоте 1 и используется для добычи дерева, кирпича и металла.
6. Строительство. Стены, полы, лестницы, крыши — из добытых материалов, точно как в Fortnite.
7. Шторм. Круг, который сжимается фазами с настоящими таймингами Fortnite и нарастающим уроном, по всей карте.
8. Победа. Последний выживший получает экран Victory Royale. Смерть показывает режим наблюдателя или возврат в лобби.
02

ЛЕНДИНГ, КОТОРЫЙ НЕ ОРЁТ «МЕНЯ СДЕЛАЛА НЕЙРОНКА»

Творческого направления не даёшь вообще. Именно поэтому тест и работает: видно, что модель придумает сама, без твоей помощи.

  • Один и тот же промпт уходит обеим моделям
  • Функциональность не проверяешь — смотришь только на внешний вид
  • Ставь результаты рядом в соседних вкладках и сравнивай
💬 Промпт 2 — лендинг турагентства
Спроектируй и собери выдающийся лендинг для AI-сервиса планирования путешествий.

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

Аудитория:
Самостоятельные путешественники, которым нравится находить интересные места, но не хочется тратить часы на поиск и организацию поездки.

Твоя задача:
Сделай законченный, вылизанный, адаптивный лендинг. Это задача по фронтенд-дизайну; бэкенд, настоящая AI-генерация, авторизация и интеграции бронирования не нужны.

Придумай продукту название и отчётливую визуальную айдентику. Художественное направление, типографика, цвета, изображения, вёрстка и движение — полностью на твоё усмотрение.

Опыт должен:
- Делать назначение и ценность продукта понятными мгновенно.
- Давать посетителю очевидный способ начать: ясно подписанные поля отправления и назначения плюс главный призыв к действию. Дополнительные предпочтения добавляй только там, где они улучшают опыт.
- Показывать убедительный пример маршрута, который получит пользователь. Возьми как образец пятидневную поездку из Чикаго в Лиссабон, включи в неё хотя бы одну неожиданную находку и одну полезную практическую деталь.
- Объяснять, как работает планирование — сжатым, конкретным текстом.
- Ощущаться продуманно спроектированным и на десктопе, и на мобильном.

Ожидания по дизайну:
Целься в запоминающийся travel-бренд с цельной визуальной точкой зрения. Принимай осознанные решения по композиции, типографике, отступам и изображениям. Балансируй визуальный удар с читаемостью и удобством.

Сам выбери секции, которые лучше всего рассказывают историю продукта; обязательного количества секций или шаблона нет. Пиши готовый текст. Никакого lorem ipsum, выдуманных отзывов, придуманных цифр пользователей и необоснованных заявлений.

Используй настоящие или сгенерированные изображения, если они усиливают дизайн. Убедись, что ассеты грузятся надёжно. Движение применяй осмысленно и уважай настройку уменьшенной анимации. Обеспечь читаемый контраст, видимый фокус с клавиатуры и доступные подписи полей формы.

Поведение прототипа:
Поля поездки должны редактироваться. Главное действие должно раскрывать или вести к явно обозначенному примеру маршрута на локальных заглушечных данных. Держи это взаимодействие лёгким. Любые другие элементы управления, которые ты добавишь, должны делать что-то осмысленное.

Процесс и выдача:
Используй любые доступные скиллы, исследования, библиотеки и инструменты для ассетов. Принимай дизайн-решения сам, не задавая уточняющих вопросов.

Собери страницу, а не останавливайся на предложении или макете. Осмотри отрисованный результат в десктопном и мобильном размере, если твоё окружение это позволяет, и почини всё, что найдёшь.

Отдай запускаемую реализацию и доступное превью средствами своего окружения. Коротко объясни своё дизайн-направление и назови проверки, которые ты не смог выполнить.
Счёт после второго раунда
Два теста позади, разрыв уже виден
03

МОУШН-ГРАФИКА, В КОТОРУЮ ТЫ НЕ ЛЕЗЕШЬ РУКАМИ

Подключаешь Higgsfield MCP — и дальше модель сама выбирает видеомодель, раскидывает сцены и собирает ролик. Ты только формулируешь задачу.

  • Подключи Higgsfield MCP к своей модели
  • Отправь промпт и не вмешивайся в процесс
  • Сравни, что вернули обе модели на одну и ту же задачу
💬 Промпт 3 — моушн-графика
Сделай 15-секундный двухмерный анимационный ролик о том, как искусственный интеллект захватывает мир — с иронией, как страшилку, которую рассказывают всерьёз.

Покажи по шагам: человек доверяет нейросети первую мелкую задачу, дальше ей отдают переписку, потом деньги, потом решения, потом заводы и энергосети; людей на кадрах становится всё меньше, машин всё больше; в финале — планета, работающая сама по себе, и один человек, который всё ещё жмёт Enter.

Стиль: чистая плоская 2D-графика, ограниченная палитра с одним тревожным акцентным цветом, крупные читаемые подписи на экране, плавные переходы между кадрами. Никакого закадрового голоса, только текст и музыка. Формат 16:9.
Про длину клипа. На месячных тарифах Higgsfield один клип максимум десять секунд — пятнадцатисекундный ролик уйдёт в два куска. На старшем тарифе влезает одной генерацией.
04

3D-ГЛОБУС С ДУГАМИ ПЕРЕЛЁТОВ

Финальный тест. Здесь ты специально даёшь простор для зрелища и одну свободную строку — пусть модель придумает механику, которой ты не просил.

  • Отправь промпт обеим моделям без правок
  • Смотри, что каждая придумала сверх задания
  • Проверь, работает ли кнопка сохранения — спойлер: нет
💬 Промпт 4 — 3D-глобус
Собери веб-приложение для поиска и планирования перелётов, построенное вокруг трёхмерного глобуса. Это задача на визуальное зрелище: у тебя полная свобода в художественном направлении, и я хочу, чтобы результат производил впечатление.

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

Пользователь выбирает аэропорт отправления и аэропорт назначения из выпадающих списков. Как только выбран второй, на глобусе строится дуга перелёта, а внизу появляется плашка с деталями: количество пересадок, время в пути, погода в точке назначения и примерная цена билета туда-обратно.

Сбоку — панель со списком направлений и ценами, которые видно сразу, без выбора.

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

Добавь одну необычную механику по своему усмотрению, которая использует то, что это именно глобус, а не карта.

Стек: работает в браузере, локальные заглушечные данные, без бэкенда. Пиши готовый текст, никаких заглушек-рыбы. Собери страницу до рабочего состояния, а не до макета, и почини всё, что найдёшь при осмотре результата.
05

ПРЕВРАТИТЬ МАКЕТ В НАСТОЯЩЕЕ ПРИЛОЖЕНИЕ

Обе модели рисуют кнопку «сохранить маршрут», за которой не стоит ничего. Нажал, перезагрузил страницу — и всё пропало. Это чинится базой за полторы минуты.

  • Заведи проект в Supabase и создай в нём таблицу — руками нужен только этот шаг
  • Скачай своё приложение архивом и загрузи его в чат Claude
  • Открой коннекторы Claude — Supabase там уже есть готовый, жмёшь подключить и авторизуешься
  • Переключи разрешения на bypass, чтобы модель не спрашивала на каждом шаге
  • Дальше всё делает она: создаёт таблицы, прикручивает вход, правит код приложения
💬 Промпт 5 — подключение базы
слушай, вот моё приложение, давай с тобой настроим базу данных через supabase. для начала давай установим mcp supabase, а дальше добавляй всё в существующую таблицу: профили пользователей и сохранённые маршруты. вход по почте с подтверждением, чтобы после перезагрузки страницы человек оставался залогинен и видел свои сохранённые маршруты
Проверка простая. Сохрани маршрут, перезагрузи страницу. Маршрут на месте — значит перед тобой уже приложение, а не картинка.
Четыре раунда позади
Обе модели сильные. Вопрос только в том, за что ты платишь

ПЕРВЫЕ $2К НА ИИ — БЕСПЛАТНЫЙ ИНТЕНСИВ

Внутри

  • ✅ Реальное демо на Claude вживую
  • ✅ Софт, который за 5 минут находит компании без сайтов с готовыми контактами
  • ✅ Кейсы учеников: $1650 за 3 проекта без команды

Два бонуса в конце

  • 💰 50 скучных и самых прибыльных ниш без конкуренции
  • 🚀 Чек-лист: первые $500 за 7 дней
Бесплатно. Навсегда.
Забрать интенсив