Как собрать 3D-сайт с Claude Fable 5 — система из 6 файлов вместо агентства и недели правок

Заказ 3D-лендинга у студии — это обычно бюджет от 150–300 тысяч рублей и 2-3 недели итераций, потому что дизайнер и разработчик додумывают недосказанное вами по ходу работы. Разница между «получилось за вечер» и «переделываем всё третий раз» — не в том, какую модель вы используете, а в том, сколько структуры вы задали до генерации.

Разбираю рабочий пайплайн: что такое Fable 5, откуда брать референсы, какие промпты реально работают и почему один файл лучше одного промпта.

Claude Fable 5 — модель топ-уровня Mythos от Anthropic, вышла 9 июня 2026 года. Это тот же класс модели, что и Claude Mythos 5, но с дополнительными защитными настройками по биологии, кибербезопасности и LLM R&D — версия для широкого использования.

Для задачи 3D-сайтов важна не маркетинговая мощность модели, а конкретное свойство: Fable 5 заметно лучше держит логику 3D-сцены при генерации кодом — свет, камеру, композицию объекта в пространстве — когда вы просите не просто верстку, а интерактивный WebGL/Three.js-элемент.

Доступ к модели — через Claude Code или API (идентификатор модели claude-fable-5). В классическом чат-интерфейсе Claude.ai модель напрямую пока не выбирается — рабочий сценарий для сборки сайта всё равно проходит через Claude Code, так что это не ограничение.

(Важный нюанс: 12–30 июня 2026 доступ к Fable 5 и Mythos 5 был временно приостановлен в рамках экспортных ограничений Минторга США, затем восстановлен. Если что-то не так с доступом — проверьте актуальный статус на anthropic.com.)

Классический подход — написать в чат «сделай мне крутой 3D-лендинг для стартапа» — почти всегда даёт опрятный, но безликий результат. Причина простая: модель не додумывает то, чего вы не сказали, — она заполняет пробелы усреднённым паттерном. Цвета — усреднённые. Структура секций — усреднённая. 3D-сцена — обобщённый «крутящийся объект», без связи с продуктом.

Рабочая альтернатива — перенести решения в файлы конфигурации до начала генерации, а не пытаться уместить весь проект в один запрос.

1. Выберите цель. До дизайна — определите главную задачу сайта: сбор писем, звонки, продажи, портфолио, лист ожидания. Не делайте «просто красиво» — делайте под конкретное действие, потому что от цели зависит вся воронка CTA.

2. Создайте ядро проекта. Чистая папка с 6 файлами до запуска Claude Code — контекст должен жить в файлах, а не теряться между сессиями агента.

3. Напишите бриф сайта.

4. Отдельный бриф 3D-сцены. Это шаг, который чаще всего пропускают — и зря: свет, камера и объект должны описываться отдельно от общей верстки.

5. Добавьте 3-5 референсов. Не для копирования 1-в-1 — модель должна извлечь логику: сетку, типографику, последовательность анимаций, расположение CTA.

6. Требуйте план до кода. Секции, компоненты, файлы, интерактив — фиксируются текстом до первой строчки кода.

7. Сборка строго по плану. Claude Code верстает 3D-сцену, карточки фич, блоки доказательств и формы — без импровизации мимо утверждённого плана.

8. Контроль перед деплоем. Суть должна быть понятна за 3 секунды, CTA — виден на первом экране.

Одна папка на входе → готовый сайт на выходе. Файлы конфигурации — единственный источник правды для агента: если возникает неоднозначность, он должен обращаться к build-rules.md, а не придумывать решение самостоятельно.

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

Правильный запрос агенту при работе с референсом — не «сделай как здесь», а «извлеки паттерн сетки/типографики из этих 3 примеров и адаптируй под мой brand-system.md».

Ключевая идея всей системы — контекст переносится в файлы до того, как модель напишет код. Это не разовый удачный промпт, а конфигурация проекта: 6 markdown-файлов задают продукт, бренд, 3D-сцену, структуру страницы, правила сборки и чек-лист запуска. Единственное жёсткое правило пайплайна — план утверждается до кода.

Мы в телеграм!