3D-маркетплейс на
Tripo и Sonnet 5.5

Инструменты

Мозг проекта - Sonnet 5.5 в Claude Code: он пишет весь код и собирает страницы. Фабрика - Tripo: из текста или картинки выдаёт настоящую 3D-модель. Начинаем с пустой папки.

• Открой Claude Code в приложении Claude и начни новую сессию в пустой папке marketplace
• Модель - Sonnet 5.5
• Внутри проекта сделай папку models - сюда будут падать все модели из Tripo, отсюда Sonnet их и возьмёт

Бренд

Описываешь магазин обычными словами и сразу кидаешь три сайта с крутыми анимациями - пусть ориентируется на них. Промпт вставляешь в Claude Code целиком.

собираем маркетплейс 3D-моделей. две страницы.

первая - продающий лендинг: на первом экране крупная 3D-модель на весь экран, по скроллу появляются ещё несколько моделей из каталога, внизу кнопка «Войти в маркетплейс».

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

модели будут лежать в папке models в формате GLB, я положу их туда сам. пока их нет - собери всё на заглушках.

сразу делай адаптивно под телефон.

магазин 3D-моделей в постапокалиптическом стиле: мехи, броня, оружие, техника. покупают инди-разработчики игр и 3D-художники, которым нужны готовые модели. настроение - тяжёлый ржавый металл, тёмный фон. акценты и название предложи сам, но в названии должно быть слово MASTODONT - это мой бренд.

вот сайты с прикольными анимациями, ориентируйся на них: https://juncastudio.com/ https://www.wearetheromans.com/ https://johngearhart.me/

нужно прям вау, аутентично. все картинки, которые нужны, генери моделью GPT Image 2 в 2K через скилл /generate.

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

• Sonnet не бросается кодить, а сначала задаёт вопросы - отвечай коротко
• Предлагает направление - говоришь «давай», и он уходит собирать
• Пока он работает, идёшь делать модели в Tripo

Товары в Tripo

Tripo делает 3D-модели из текста или из картинки, им пользуются больше 6,5 миллиона человек. Главная модель сейчас H3.1. Фишка: сначала делается картинка, а уже из неё модель. Из нормальной картинки выходит нормальная модель, из кривой - кривая.

• Открой Tripo Studio, раздел генерации картинок
• Вставь промпт - на выходе мех на чистом сером фоне, целиком, ничего лишнего вокруг. Вот такую картинку и надо давать на вход

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

Что-то не нравится - не генеришь заново. Жмёшь карандаш под картинкой (Edit Image) и правишь словами. Старая версия никуда не девается, лежит в истории справа.

сделай оранжевые элементы ярче и добавь больше потёртостей на броне.

• Жмёшь Multi-View - Tripo сам дорисовывает меха сбоку и сзади. Из одной картинки нейронке приходится угадывать, что там за спиной, а так модель выходит точнее
• Вкладка H3.1 Model - самый детальный режим, для главного товара
• Перед генерацией включаешь Ultra - максимальная детализация формы, 8K Texture - максимальная чёткость текстуры, и PBR
• Жмёшь Generate - модель выходит сразу в цвете, с текстурой

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

Шлем, мотоцикл и секиру делаешь так же, в H3.1 и в цвете: промпт, картинка, Multi-View, генерация. Перед каждой генерацией включаешь Ultra и 8K Texture.

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

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

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

• Remesh облегчает модель, скажем, под игру или под телефон, и сохраняет стиль. Для витрины не нужен - тут нужно полное качество
• Возвращаешься к меху, заходишь в Rig, тип Humanoid. Tripo сам вставляет в модель скелет - кости, за которые её можно двигать
• Animation - выбираешь движение из библиотеки, их там больше сотни. Товар в магазине не стоит столбом, а двигается

• Export у каждой модели в формате GLB
• У меха выбираешь анимацию - можно до пяти сразу. Без выбранной анимации модель скачается статичной
• Всё кидаешь в папку models, которую сделали в шаге 01

Сборка

Пока ты был в Tripo, Sonnet собрал каркас: лендинг, маркетплейс, каталог - всё на месте, а вместо моделей заглушки, которые он сделал сам. Запомни, как это выглядит. Теперь говоришь ему, что модели на месте.

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

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

База

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

подключи Supabase MCP к этому проекту.

• Sonnet ставит подключение. Дальше один раз входишь в Supabase через браузер: /mcp, supabase, Authenticate. Никакие ключи копировать не надо
• Заходишь в Supabase и создаёшь новый проект - пока пустой

через Supabase MCP создай в моём проекте таблицу products: название, описание, цена, путь к модели. заполни её товарами из каталога и переделай маркетплейс так, чтобы каталог читал товары из этой таблицы.

• В Supabase, в Table Editor - таблица products с товарами. Sonnet сам её создал и сам заполнил
• Добавь строку прямо в таблице и обнови страницу сайта - новый товар уже в магазине. Без кода

Телефон

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

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

• Открой обе страницы в режиме телефона и пролистай - модель крутится пальцем, всё на месте

Оплата

База стоит - значит можно продавать.

подключи Stripe к карточке товара: кнопка «Купить», оплата через Stripe Checkout в тестовом режиме, после оплаты покупатель получает ссылку на скачивание GLB-файла модели.

• Регистрируешься в Stripe и работаешь в тестовом режиме
• Жмёшь плюс и создаёшь платёжную ссылку (Payment Link) под товар: название и описание - их покупатель увидит на странице оплаты, картинка, цена
• Create link - копируешь ссылку и отдаёшь нейронке, чтобы она вставила её во все кнопки «Купить»
• Жмёшь «Купить», оплачиваешь тестовой картой - приходит ссылка на скачивание модели