Как использовать Claude Fable 5 для брендов
Почему эта модель меняет то, что можно собрать
Claude Fable 5 — первая модель нового поколения Anthropic, и заточена она под креативную работу, а не только под код. В этом и сдвиг. Раньше нейросеть писала тебе логику, а копирайт, картинки, анимации и арт-дирекшн ты приносил сам. Fable 5 закрывает всё это за один проход.
Даёшь черновую идею — модель сама достраивает контекст, пишет тексты, генерирует изображения (через подключённые MCP-генераторы), анимирует секции и держит фирменный стиль от первого экрана до последнего. Вместо связки «копирайтер + дизайнер + разработчик + моушн» ты описываешь, что хочешь, и получаешь готовый интерактивный бренд-ассет.
Каждый результат ниже — один HTML-файл: открываешь двойным кликом в браузере и показываешь клиенту. Без хостинга, без сборки, без «сейчас позову фронтендера».
- Открой Claude (claude.ai или десктоп-приложение) и выбери модель Fable 5.
- Скопируй промпт из нужного сценария — на каждом есть кнопка.
- Замени всё в
[квадратных скобках]на своё: товары, цены, цвета, награды. - Прикрепи логотип, фото продукта или брендбук — чем больше фактуры, тем точнее модель попадёт в стиль.
Результат не понравился с первого раза — не переписывай промпт с нуля. Скажи, что именно не так («кнопка теряется», «анимация дёрганая»), и попроси поправить. Это диалог, а не слот-машина.
Ниже — пять сценариев, и к каждому короткая заметка о том, что получилось собрать.
1. Собери интерактивный бренд-опыт
Сделай мир бренда, с которым клиент взаимодействует, а не просто смотрит. Игровая механика превращает плоский месседж в то, что человек крутит в руках — и запоминает.
Что получится: живой пазл-пятнашки, куда можно перетащить любое фото бренда — игра мгновенно пересобирается вокруг него, с фирменными цветами и логотипом. Сама интеракция и есть демо-момент.
Собери мне игру-пятнашки одним самодостаточным HTML-файлом (без плагинов, без внешних библиотек, всё инлайном), чтобы я мог открыть его двойным кликом в любом браузере.
Механика:
- Пазл 3×3: 8 плиток и одна пустая ячейка
- Плитки двигаются по тапу/клику, стрелки на клавиатуре тоже работают
- Перемешивание всегда решаемое — проверяй решаемость, чтобы пазл не оказался нерешаемым
- При победе: девятая плитка проявляется и достраивает картинку, падает конфетти, поверх появляется оверлей с CTA
- В игру можно перетащить любое изображение — пазл пересобирается вокруг него
Оформи в фирменном стиле: [цвета, логотип, шрифт — или прикрепи брендбук]
2. Собери сайт бренда из одного брифа
Черновая идея позиционирования превращается в работающий сайт. Fable 5 не ограничивается вёрсткой каркаса: достраивает контекст, пишет копирайт, генерирует визуал и анимирует каждую секцию.
Что получится: готовый анимированный сайт из одного брифа — с настоящими текстами и картинками на местах, а не с серыми плейсхолдерами.
Сначала попроси модель собрать дизайн-гайдлайны по твоему брифу, потом отдай ей этот промпт.
Собери мне полноценный работающий сайт бренда на основе моего брифа. Мне нужен готовый анимированный сайт с настоящим копирайтом и настоящим визуалом на местах — не вайрфрейм и не блоки-заглушки. Отдай одним самодостаточным файлом, который я открою в браузере и передам клиенту.
Бриф: [чем занимается бренд, для кого, тон, что должно быть на сайте]
3. Спроектируй витринный луп для экрана в магазине
Продуктовый шоурил для экрана в торговой точке или на стенде. Модель проектирует показ целиком: анимирует каждый продуктовый «бит» и сшивает карточки товаров в непрерывный цикл, который крутится без участия человека.
Что получится: зацикленная витрина для ритейл-экрана — товар въезжает, детали проявляются, плавный переход к следующему. И так весь день, без единого клика.
Промпт — после того как готовы дизайн-гайдлайны.
Собери мне витринный луп одним самодостаточным HTML-файлом (всё инлайном, без плагинов) для экрана в магазине или на стенде. Он должен крутиться на автоповторе без кликов — как цифровой шоурил. Отдай одним файлом, который я открою на весь экран и передам клиенту.
Что он должен делать:
- Показывать товары по одному, непрерывным циклом без видимых склеек
- Анимировать каждый продуктовый момент: товар появляется, проявляются детали, затем плавный переход к следующему
- Для каждого товара выводить
[название, короткую строку описания, цену и одну-две ключевые детали] - Тайминг полностью автономный: крутится без присмотра весь день, зацикленно
- Дизайн под экран: должно отлично выглядеть в фулскрине, ориентация
[альбомная / портретная]
Товары: [список товаров с ценами и деталями]
4. Собери брендированную программу лояльности
Полностью фирменная программа лояльности: учёт действий, баллы, награды — в одном флоу, который ощущается частью бренда, а не прикрученным сбоку сервисом.
Что получится: работающее демо — участник входит, копит баллы за действия, видит лестницу уровней и обменивает баллы на награды. Баланс переживает перезагрузку страницы, а для показа на камеру есть кнопка сброса.
Собери мне полностью брендированную программу лояльности одним самодостаточным HTML-файлом (всё инлайном, без плагинов), чтобы открыть в браузере и показать клиенту как работающее демо.
Что она должна делать:
- Участник входит или вводит имя — создаётся его профиль лояльности
- Текущий баланс баллов всегда виден сверху
- Баллы начисляются за действия (например
[покупка, чек-ин, приведи друга, отзыв]) — на каждое действие кнопка или простой флоу - Лестница уровней с наградами: видно, что уже открыто и что впереди
- Баллы обмениваются на
[награды: скидки, бесплатный продукт, бонусы], баланс обновляется сразу - На рубежах — бонус и маленький праздник (конфетти или анимация разблокировки)
- Всё в одном фирменном флоу, чтобы ощущалось частью бренда
Данные:
- Баллы и статус участника сохраняются между перезагрузками страницы (браузерное хранилище)
- Добавь маленькую кнопку «сбросить демо», чтобы показывать с чистого листа на камеру
Структура наград (подставь свою):
[Уровень 1: 100 баллов → бесплатный кофе][Уровень 2: 250 баллов → скидка 15%][Уровень 3: 500 баллов → эксклюзивный продукт]
5. Сделай конфигуратор продукта
Интерактивный конструктор, где покупатель собирает свою версию продукта. Модель делает весь цикл: генерирует вариации, строит логику конфигуратора и держит фирменный стиль — в том же проходе.
Что получится: работающий конфигуратор — покупатель выбирает опции, живое превью меняется на глазах, рядом растёт итоговая цена.
Собери мне интерактивный конфигуратор продукта одним самодостаточным HTML-файлом (всё инлайном, без плагинов), чтобы открыть в браузере и показать клиенту как работающее демо.
Что он должен делать:
- Покупатель собирает свою версию продукта, выбирая из набора опций
- Живое превью продукта обновляется при каждом выборе — изменения видны сразу
- Рядом — сводка текущей конфигурации и итоговая цена, считается на лету
- В конце — ясный CTA (например
[В корзину / Запросить расчёт / Заказать]), который учитывает финальную сборку
Продукт и опции: [что конфигурируем, список опций с ценами]
Подписывайся на QuboLab
Мы — QuboLab, лаборатория AI-продуктов: собираем их маленькой командой от идеи до прода и показываем процесс изнутри, с цифрами и провалами. Если такие сборки тебе по делу — заходи, дальше будет больше готовых рецептов.
QuboLab · 2026 · собрано с Claude Fable 5