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

Claude Fable 5 собрал сайт за $10.000 за минуты

Все промпты, ссылки и шаги из видео - в одном месте. Пак из 10 промптов сразу под этим блоком, копируй и собирай.

Смотреть видео

🎁 Пак: сайт одним промптом

Как пользоваться (5 правил из видео):
1. Вставляй целиком. Первый раз - без правок, потом кастомизируй
2. Hero-референс не выкидывай. Одно hero-изображение держит продукт одинаковым во всех кадрах
3. Сцепка клипов. Финальный кадр клипа = стартовый кадр следующего, получается один дубль
4. Считай кредиты. 1080p стоит в 2 раза дороже 720p - тесты гоняй на 720p
5. Промпт русский, сайт английский. Нужен русский сайт - допиши строку "весь текст на сайте пиши на русском"
💬 Промпт 01 - Люксовый продуктЧасы: облёт + макро + сборка
Собери мне кинематографичный сайт с 3D-скроллом уровня Awwwards для AURUM & NOIR, вымышленного швейцарского бренда люксовых часов, который выпускает турбийон-хронограф "Eclipse".

ВИЗУАЛ - генерируй моделью Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип). Сначала сгенерируй ОДНО hero-изображение часов: корпус из шлифованного чёрного титана, золотой турбийон виден сквозь сапфировое стекло. Передавай его референсом в каждый клип, чтобы продукт был идентичным во всех кадрах:
1. ОБЛЁТ - медленный, идеально плавный студийный облёт часов на 360°, часы парят в чёрной пустоте, драматичный контровой свет, лёгкая золотая пыль.
2. МАКРО-ПРОЛЁТ - экстремально крупный проезд по циферблату: гравировка индексов, вращение каретки турбийона, свет бежит по шлифованному металлу.
3. СБОРКА - часы собирают сами себя из парящих деталей: шестерни, пружины, безель, ремешок сходятся в готовое изделие.

САЙТ - облёт скролл-листается как последовательность кадров на canvas: прокрутка вращает часы. Lenis smooth scroll, тексты появляются по позиции скролла. Секции: кинематографичный hero с названием бренда → история "Crafted in Darkness" → макро-детали на клипе 2 → инженерный разбор со спеками (42 мм, титан grade-5, 72 ч запаса хода, 217 компонентов) → "Edition of 88 - $48,000" → CTA приватного листа ожидания. Почти чёрный фон, золотой акцент, контрастная антиква + минималистичный гротеск. Тексты сайта на английском: тихо, дорого, очень мало слов. Запусти на localhost и проверь каждую скролл-анимацию, прежде чем сказать «готово».
Под себя: замени часы на любой hero-продукт - наушники, парфюм, кроссовок. Структуру «облёт + макро + сборка» не трогай.
💬 Промпт 02 - СторителлингПогружение на дно: ABYSSAL (из видео)
Собери мне кинематографичный сайт с 3D-скроллом уровня Awwwards для ABYSSAL, вымышленной компании глубоководных экспедиций, которая раз в год спускает 8 гражданских на дно океана на борту субмарины EREBUS.

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8-10 сек на клип). Сначала сгенерируй ОДНО hero-изображение EREBUS: гладкий глубоко-чёрный корпус, светящееся циановое кольцо иллюминатора, два прожектора. Референсь его в каждом клипе. КРИТИЧНО: генерируй клипы по порядку и используй ФИНАЛЬНЫЙ кадр каждого клипа как СТАРТОВЫЙ кадр следующего (start_image / end_image у Seedance), чтобы все пять склеились в одно непрерывное погружение:
1. ПОВЕРХНОСТЬ - рассвет над открытым океаном с воздуха; EREBUS уходит под волны, финал полностью под водой в залитой солнцем синеве.
2. СОЛНЕЧНАЯ ЗОНА - спуск сквозь столбы света и пузыри, силуэт кита проплывает мимо; синева густеет.
3. СУМЕРЕЧНАЯ ЗОНА - свет умирает почти до черноты, призрачные медузы дрейфуют, вспыхивают прожекторы.
4. ПОЛУНОЧНАЯ ЗОНА - полная тьма; биолюминесцентные существа искрят вокруг корпуса, как звёздное поле.
5. ДНО - прожекторы скользят по гидротермальным источникам; EREBUS замирает на финальном hero-кадре.

САЙТ - склей пять клипов и скролл-листай всё погружение как кадры на canvas: скролл вниз И ЕСТЬ погружение. Фиксированный HUD-глубиномер от 0 м до 3 800 м с названиями зон. Секции по зонам: hero ("How deep will you go?") → один яркий факт на зону → спеки EREBUS → "8 seats. $250,000. Departing March 2027." → CTA "Join the Manifest". Фон градится из глубокого нэйви в чистый чёрный с глубиной; биолюминесцентный циановый акцент; тонкий технический гротеск с HUD-микродеталями. Тексты сайта на английском. Запусти на localhost и проверь, что скраб бесшовный по всем пяти клипам, прежде чем сказать «готово».
Под себя: та же сцепка работает для подъёма в горы, запуска ракеты, пещеры или «путешествия по производству» любого бренда.
💬 Промпт 03 - Личное портфолиоВ главной роли ты (+1 фото)
Собери мне кинематографичный сайт-ПОРТФОЛИО с 3D-скроллом уровня Awwwards для меня - [ТВОЁ ИМЯ]. Изучи стиль победителя Awwwards Site of the Year 2025 (Lando Norris): огромная жирная типографика, кинематографичные скролл-сцены и центральный 3D-элемент, который вращается при прокрутке. В моей версии центральный элемент - Я.

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип). Сначала загрузи моё приложенное фото в Higgsfield и передавай его референсом личности в КАЖДУЮ генерацию, чтобы лицо было консистентным. Одежду держи одинаковой во всех клипах: [чёрная футболка, тёмная рубашка поверх]. Три клипа:
1. ОБЛЁТ - я стою уверенно, руки скрещены, в студии-чёрной пустоте с [изумрудным] контровым светом; камера делает один медленный облёт вокруг меня на 360°.
2. СОЗДАТЕЛЬ - я сижу за тёмным столом в окружении парящих голографических экранов с моими работами; медленный кинематографичный наезд.
3. ФИНАЛ - я иду на камеру по тёмной галерее со светящимися экранами по стенам и замираю в hero-позе.

САЙТ - облёт скролл-листается кадрами на canvas: "[ТВОЁ ИМЯ]" гигантским дисплейным шрифтом собирается по буквам, подзаголовок "[чем занимаешься, одной строкой]". Анимированная полоса статистики со счётчиками по скроллу: [твои 3-5 лучших цифр - подписчики, клиенты, проекты, выручка]. Секция ТРИ СТОЛПА поверх клипа 2, раскрывающая [три твоих главных оффера] по одному. Секция РАБОТЫ поверх клипа 3 с карточками [твоих 3 лучших проектов]: одна строка питча и hover-движение. ФИНАЛ: "[твой главный CTA]" с двумя кнопками плюс футер со ссылками на [твои соцсети]. Чернильно-чёрный фон, [изумрудный] акцент, кремовая типографика, жирный сжатый дисплейный шрифт, кинетический текст, лёгкое зерно, Lenis smooth scroll. Тексты сайта на английском. Запусти на localhost и проверь, что скраб облёта масляно-плавный, прежде чем сказать «готово».
Под себя: всё в [скобках] - поля для заполнения. Сгенерируй 2-3 дубля облёта и оставь тот, где сходство держится весь оборот.
💬 Промпт 04 - E-commerceДроп: магазин стритвира
Собери мне кинематографичный e-commerce сайт уровня Awwwards для ONYX SUPPLY, вымышленного премиального стритвир-лейбла, который выпускает "Midnight Drop": плотное худи, карго-штаны и пуховик с хромовыми акцентами.

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, без звука). Сначала сгенерируй ОДНО лукбук-изображение модели в полном луке: матово-чёрные вещи, хромовые молнии, съёмка на туманной крыше ночью. Референсь его в каждом клипе для консистентности одежды:
1. HERO - 16:9, модель медленно идёт на камеру сквозь туман на крыше, неоновое зарево города позади, ветер шевелит ткань.
2. ВРАЩЕНИЯ ТОВАРОВ - три отдельных клипа 1:1: каждая вещь на невидимом манекене делает чистый оборот на 360° на бетонно-сером студийном фоне.
3. МАКРО ТКАНИ - 16:9, экстремально крупный проезд по строчке, зубьям молний и тиснёному лого.

САЙТ - hero скролл-листает проход модели, поверх "ONYX SUPPLY - MIDNIGHT DROP" гигантским шрифтом и живой таймер обратного отсчёта до дропа. Сетка товаров: три карточки, при наведении автоплей вращения, у каждой название, цена ($180 / $210 / $340), выбор размера и "Add to Cart" (нерабочая демо-корзина подойдёт). Секция макро-ткани с манифестом качества "Built heavy. Cut clean.". Липкая иконка корзины, бегущая строка с названиями товаров между секциями, email-захват "Notify me" для распроданных размеров. Дизайн: бетонный серый + матовый чёрный, один кислотно-зелёный акцент, брутальная сжатая типографика. Тексты сайта на английском. Запусти на localhost и проверь hover-автоплей на каждой карточке, прежде чем сказать «готово».
Под себя: для реального магазина замени сгенерированные вещи фото твоих товаров как референсами - Seedance анимирует ТВОЙ продукт.
💬 Промпт 05 - Локальный бизнесРесторан: огонь и стейк
Собери мне кинематографичный сайт уровня Awwwards для EMBER & OAK, вымышленного стейкхауса на живом огне в [ГОРОД].

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип):
1. HERO - слоумо-макро: рибай жарится над открытым пламенем, угли взлетают в темноту, кинематографичный янтарный свет.
2. ЗАЛ - медленный проезд по атмосферному залу в золотой час: кожаные диваны, свечи, бармен на фоне смешивает коктейль.
3. РЕМЕСЛО - вид сверху: руки шефа выкладывают блюдо, пар вьётся вверх, тёмный сланцевый стол.

САЙТ - полноэкранный hero скролл-листает клип с огнём, поверх элегантной антиквой собирается "EMBER & OAK" и ниже "Wood fire. Nothing else.". Секции: история поверх клипа 2 со сдержанным текстом ("Six dishes. One fire.") → меню в две колонки (Fire / Field), названия блюд и цены изящной типографикой → секция приватных ужинов поверх клипа 3 → часы + карта + CTA "Reserve a Table" с простой формой (дата и число гостей). Дизайн: почти чёрный фон, тёплый кремовый текст, акцент цвета углей, плёночное зерно, медленный параллакс на секционных изображениях. Тон текста: скупой, уверенный, чувственный. Тексты сайта на английском. Мобильная версия: меню складывается в одну изящную колонку. Запусти на localhost и проверь hero-скраб и форму брони, прежде чем сказать «готово».
Под себя (или на продажу): замени на реальный ресторан, скорми их меню и фото еды как референсы. Такой сайт - чек $2.000-5.000.
💬 Промпт 06 - НедвижимостьОбъект: люксовый пентхаус
Собери мне кинематографичный сайт одного объекта уровня Awwwards для THE MERIDIAN, вымышленного пентхауса за $12.5M на 60-м этаже в [ГОРОД].

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8-10 сек на клип). Сначала сгенерируй ОДНО hero-изображение башни в сумерках и держи её архитектуру консистентной во всех клипах. Клипы 2-4 сцепляй: финальный кадр клипа - стартовый кадр следующего, чтобы тур был непрерывным:
1. ПОДЛЁТ - дрон-кадр по дуге вокруг стеклянной башни в сумерках, внизу загораются огни города.
2. ПРИБЫТИЕ - камера скользит из приватного лифта в огромную гостиную: панорамные окна в пол, итальянский мрамор, вспыхивает камин.
3. АНФИЛАДА - непрерывный проезд через кухню шефа и мастер-спальню к светящимся дверям террасы.
4. ТЕРРАСА - выход на круговую террасу ночью: инфинити-бассейн отражает скайлайн, таймлапс облаков.

САЙТ - скролл-листай сцепленный тур: прокрутка проводит покупателя по дому. Фиксированный элегантный индикатор прогресса называет каждое пространство по мере прохода. Секции: hero ("Sixty floors above everything") → полоса фактов (4 bed · 5.5 bath · 7,200 sq ft · private elevator) → галерея → список удобств с reveal-анимациями → секция цены "$12,500,000" → форма "Request a Private Showing" с карточкой агента. Дизайн: чернильный фон, акцент цвета шампанского золота, тонкая элегантная антиква, щедрый воздух. Тексты сайта на английском. Запусти на localhost и проверь, что скраб тура ощущается непрерывным, прежде чем сказать «готово».
Под себя: для реальных объектов используй настоящие фото как стартовые кадры - Seedance оживляет статичные фото листинга.
💬 Промпт 07 - Авто / крупный продуктМашина: электрический гиперкар
Собери мне кинематографичный сайт с 3D-скроллом уровня Awwwards для VANTA, вымышленного электрического гиперкара на 1 200 лошадиных сил. Строй опыт по стилю Site of the Year у Scout Motors: продукт движется по реальной местности по мере скролла, а не стоит в студии.

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип). Сначала сгенерируй ОДНО hero-изображение машины: низкая, широкая, матово-обсидиановый кузов, тонкая световая полоса спереди. Референсь его везде. Клипы проезда сцепляй кадр-в-кадр, чтобы путь был непрерывным:
1. РАСКРЫТИЕ - пыль оседает в белопесчаной пустыне на рассвете, открывая неподвижную VANTA; вспыхивает световая полоса.
2. РАЗГОН - низкий tracking-кадр: она срывается через пустынную равнину, песок лентами сходит с колёс.
3. КАНЬОН - она прошивает красный скальный каньон на скорости, камера хлёстко облетает поворот следом.
4. НОЧНОЙ РЕЖИМ - полная тьма; только световая подпись и следы стоп-огней режут дюны под звёздами.

САЙТ - скролл-листай сцепленный проезд: прокрутка ведёт машину. HUD-спидометр в углу набирает 0 → 250 mph с прогрессом скролла. Секции: hero с "VANTA" ультрашироким шрифтом → счётчики характеристик (0-60 за 1.9 с · 1 200 л.с. · запас хода 520 миль) → секция дизайна с макро-стилами → ночной режим → тизер конфигуратора с тремя цветами, перекрашивающими hero-кадр → CTA "Reserve - $1,000 deposit". Дизайн: чёрное на чёрном, электрически-циановый акцент, ультраширокая сжатая типографика, лёгкие motion-blur переходы. Тексты сайта на английском. Запусти на localhost и проверь синхрон HUD со скроллом, прежде чем сказать «готово».
Под себя: работает для всего, что движется - электровелосипеды, лодки, дроны. Держи структуру «раскрытие → разгон → среда → ночь».
💬 Промпт 08 - SaaS / приложениеЗапуск продукта: AI-платформа
Собери мне кинематографичный лендинг уровня Awwwards для PULSE, вымышленной ИИ-платформы аналитики, которая предсказывает отток клиентов до того, как он случится.

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип):
1. HERO - тёмная пустота, где тысячи светящихся частиц данных кружатся и собираются в чистый парящий дашборд с растущим графиком; график пульсирует как сердцебиение.
2. СИГНАЛ - макро-проезд камеры по голографическим графикам и потокам чисел, одна красная аномалия вспыхивает и её ловят.
3. ПОКОЙ - дашборд на ноутбуке в светлом минималистичном офисе, пар от кофе, всё под контролем.

САЙТ - скролл-листай сборку из частиц: дашборд буквально строит себя, пока посетитель скроллит, поверх "See churn coming." гигантским шрифтом и кнопка "Start free". Секции: полоса логотипов соцдоказательства → три блока фич, закреплённых поверх клипа 2, каждый раскрывает одну строку (Predict · Explain · Prevent) → анимированные счётчики метрик (94% точность прогноза · 12 000 команд · $40M спасённой выручки) → секция скриншота продукта в браузерной рамке с мягкой тенью → таблица цен, три тарифа, средний выделен → FAQ-аккордеон → финальный CTA поверх клипа 3. Дизайн: почти чёрный hero, переходящий в белое тело, один фиолетовый акцент, чёткий геометричный гротеск, glassmorphism-карточки. Тексты сайта на английском. Запусти на localhost и проверь скраб сборки hero и переключатель цен, прежде чем сказать «готово».
Под себя: замени легенду PULSE своим инструментом, а клип 3 - реальной записью экрана. Сгенерированный hero + настоящие скрины = комбо доверия.
💬 Промпт 09 - Агентство / студияКреативная студия
Собери мне кинематографичный сайт уровня Awwwards для NOIR&CO, вымышленной креативной студии, которая делает бренды «для компаний, отказывающихся быть незамеченными».

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип):
1. HERO - чёрные чернила распускаются и морфятся в воде в экстремальном слоумо, изредка вспыхивая золотом.
2. РАБОТЫ - стилизованный шоурил-кадр: гигантские постеры и экраны с жирной типографикой проезжают по галерейным стенам, камера едет вбок.
3. ЛЮДИ - силуэты маленькой команды, работающей допоздна в атмосферной студии, боке города за окном.

САЙТ - hero скролл-листает расцветающие чернила позади "NOIR&CO", набранного огромным шрифтом на 80% вьюпорта, под ним манифест печатает сам себя. Секции: кинетический манифест, где каждый шаг скролла вбивает на экран одно слово (LOUD. PRECISE. UNFORGETTABLE.) → сетка избранных работ из 4 вымышленных кейсов с hover-видео из кропов клипа 2 → список услуг в редакционной двухколоночной вёрстке → секция команды поверх клипа 3 → гигантский футер: "Got a brand worth fighting for?" с почтой и соцсетями. Дизайн: чистый чёрный и костяной белый, золотой акцент ровно три раза на весь сайт, микс брутального дисплейного шрифта и утончённой антиквы для текста. Курсор - маленькая золотая точка с хвостом-кольцом. Тексты сайта на английском. Запусти на localhost и проверь кинетическую секцию и hover-ривилы, прежде чем сказать «готово».
Под себя: это шаблон для ТВОЕГО сайта агентства, если начнёшь продавать ИИ-сайты. Кейсы замени сайтами из этого пака.
💬 Промпт 10 - Фитнес / локальный бизнесЗал: бренд силы
Собери мне кинематографичный сайт уровня Awwwards для FORGE, вымышленного силового зала в [ГОРОД] с девизом "Earn it.".

ВИЗУАЛ - Seedance 2.0 через Higgsfield MCP (std, 1080p, 16:9, без звука, ~8 сек на клип):
1. HERO - слоумо: атлет хлопает ладонями в магнезии в тёмном зале, облако мела распускается в единственном верхнем луче света.
2. ЖЕЛЕЗО - макро-проезд вдоль нагруженной штанги: руки берут гриф, насечка и мел в резкой детализации, блины оседают.
3. РАБОТА - бегун спринтует по открытой дорожке на рассвете, дыхание видно, камера низко и быстро идёт рядом.

САЙТ - скролл-листай hero с облаком мела, "FORGE" вбивается массивным индустриальным шрифтом, ниже "Earn it.". Секции: философия, одна строка на шаг скролла ("No mirrors. No machines that do the work for you.") → сетка программ (Strength / Conditioning / Team) с hover-состояниями → тренеры с подъёмом карточек на hover → полоса результатов со счётчиками (участники, PRs за месяц, лет открыты) → цены, три тарифа, средний выделен, CTA "First week free" → расписание + карта + форма записи. Дизайн: угольный фон, костяной белый текст, один кроваво-красный акцент, тяжёлый сжатый дисплейный шрифт, зерно и виньетка на всех изображениях. Тексты сайта на английском. Мобильная версия: сетка программ становится свайп-карточками. Запусти на localhost и проверь hero-скраб и секцию цен, прежде чем сказать «готово».
Под себя (или на продажу): каждый элемент ложится на реальный зал в твоём городе - имя, расписание, цены, фото их пространства. Ещё один чек от $2.000.

Что ты научишься делать

🔌

Подключать Higgsfield MCP

Свяжешь Claude Code с генерацией видео и картинок - всё создаётся прямо из чата

🎬

Собирать 3D-сайты одним промптом

Кинематографичные сайты со скролл-анимацией уровня Awwwards - без единой строчки кода

🤳

Портфолио из одной фотографии

Загружаешь одно фото - Fable 5 генерит все видео и собирает именной сайт

🚀

Деплоить на домен

Клод сам выкладывает сайт на Vercel - остаётся прицепить домен и отправлять клиентам

Что понадобится

Claude (десктопное приложение)внутри него Claude Code - здесь вся работа
подписка Pro / Max
Higgsfield MCPгенерация видео Seedance 2.0 и картинок
триал 3 дня
Awwwardsреференсы сайтов-победителей наград
бесплатно
Vercelдеплой готового сайта в интернет
бесплатно

Пошаговый план

01

Поставь Claude Code и выбери модель

  • Скачай десктопное приложение Claude с официального сайта → открой Claude Code, новую чистую сессию
  • Справа внизу выбери модель Fable 5
  • Уровень усилий (effort): Extra - лучший баланс. Чем ближе к правому краю, тем больше жрёт токенов
02

Подключи Higgsfield MCP

  • В Claude Code: CustomizeConnectorsAddAdd custom connector
  • Название: Higgsfield, в поле Remote MCP server URL вставь адрес:
https://mcp.higgsfield.ai/mcp
  • Жми Add → тебя перекинет в браузер → жми Allow
  • Убедись, что залогинен в аккаунт Higgsfield - без него авторизация не пройдёт
  • Проверка: наведи на коннекторы → у Higgsfield включена галочка. Видишь Disconnect - всё подключено
  • Higgsfield даёт триал 3 дня - привязываешь карту, платить сразу не нужно
💡 Между делом: лично я беру на маркетплейсах готовый доступ к Higgsfield за ~$15 - выходит около 600 кредитов, хватает с запасом на все сайты из видео.
03

Найди референс (опционально)

  • Зайди на awwwards.com - там сайты, которые выигрывают награды
  • Понравился сайт → Visit Site → скопируй адрес → скажи Клоду «сделай мне что-то похожее на этот сайт»
  • Или собирай своё оригинальное по промптам из пака выше
04

Собери сайт одним промптом

  • Скопируй промпт под свою нишу из пака (в видео - Промпт 02, субмарина)
  • Вставь в новую сессию Claude Code → отправь
  • Дальше он всё сам: проверит баланс Higgsfield, сгенерит видео через Seedance 2.0, порежет на кадры, соберёт сайт и откроет на localhost
  • Просто дай ему поработать пару минут
⚙️ Настройки генерации: Seedance 2.0, std-режим, 16:9, без звука. Для тестов ставь 720p - 1080p стоит в два раза дороже.
05

Портфолио из одной фотографии

  • Возьми Промпт 03 из пака → замени [ТВОЁ ИМЯ] на своё
  • Прикрепи одну свою фотографию - хорошо освещённую, анфас
  • Отправь - все видео и картинки он сделает сам
06

Выложи в интернет

  • Напиши Клоду: «выложи сайт на Vercel» - он сам откроет браузер, подключится и задеплоит
  • Домен меняется в настройках Vercel
  • Не нравится что-то - гоняй туда-сюда: «замедли hero на 20%», «замени шрифт». Fable очень хорошо правит готовый сайт

Первые деньги на ИИ - бесплатный интенсив

Внутри

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

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

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