Чек-лист
кодовое словоЛендос

Промты для 3D-сайтов в Claude: платформа и как пользоваться

Заходишь в библиотеку GetLayers, копируешь готовый промт 3D-сцены или шаблона и за 10 минут получаешь в Claude Opus 5.5 рабочую страницу один в один. Дальше меняешь тексты, цвета и блоки под свой проект - без недель подкрутки промтов.

Содержание4 глав
  1. 01Где лежат промты
  2. 02Как получить 3D-сцену один в один
  3. 03Библиотека прямо в Claude Code
  4. 04Итоговый чек-лист

Платформа

Где лежат промты

GetLayers - библиотека «слоёв»: готовые шаблоны сайтов, 3D-сцены, секции, фоны и градиенты. К каждому слою - точный промт, который отсекает около 99% AI-мусора. Вставляешь его в Claude - и получаешь ту же сцену с анимациями, что на превью.

Открыть GetLayers

  • Шаблоны - целые сайты: Nexus, Vesper, Stride и другие
  • 3D-сцены - бесплатно доступны Flow Wave, Tunnel, Starfield Close, Storm, Elliptical Galaxy
  • Секции, фоны и градиенты - отдельные куски страницы
  • Бесплатные слои идут с полным промтом, без карты и с коммерческой лицензией

Библиотека 3D-сцен

Шаблоны сайтов

Тарифы
Для старта хватит бесплатных слоёв. Премиум открывается разово: Unlimited - $99, Unlimited Plus - $129, Full Stack - $169 (исходники всех слоёв и MCP). Подписки нет - платишь один раз.

Посмотреть тарифы


Шаг за шагом

Как получить 3D-сцену один в один

01
Войди на платформу
Открой getlayers.ai/sign-in и зайди в аккаунт. Бесплатные слои доступны сразу
02
Выбери слой
В разделе 3D-сцен или шаблонов открой проект, который нравится. Сцены и градиенты можно подкрутить прямо в браузере - копируется то, что ты настроил
03
Скопируй промт целиком
Нажми Copy prompt. Вставляй весь текст без правок - обрезанный промт самая частая причина кривого результата
04
Вставь в Claude Opus 5.5
~10 минут
Новый чат в Claude или Claude Code, вставляешь промт, отправляешь. На выходе - один HTML-файл без сборки и зависимостей: открываешь в браузере и видишь сцену
05
Нужен свой стек - скажи сразу
Хочешь Next.js, Astro, Vue или WordPress - допиши это к промту при вставке или попроси пересобрать готовый HTML внутри своего проекта
Модель
Бери сильную модель - Opus 5.5. Слабые и старые модели обычно держат вёрстку, но теряют движение и глубину сцены.

Под себя

Промт не трогаешь. Сначала получаешь сцену как на превью, потом вторым сообщением в том же чате меняешь детали. Так основа остаётся рабочей, а ты правишь только своё.

Как подогнать детали, не переписывая промт5 строк · 264 знака
Сцену, анимации и структуру не меняй. Поменяй только:
1. Тексты - сделай страницу про [мой продукт]: [что делает, для кого].
2. Цвета - основной [цвет], акцент [цвет].
3. Кнопку в первом экране - «[текст кнопки]», ссылка [url].
Верни весь обновлённый файл целиком.

Второе сообщение в том же чате - подставь своё

  • Поменять тексты на свой продукт
  • Поменять палитру - в градиентах можно выбрать пресет или задать свои цвета до копирования
  • У секций оставить взаимодействие и убрать стиль - или оставить вёрстку и переписать текст
  • Для 3D-сцены попросить Claude перенести файл в свой проект

Документация GetLayers


Если есть Full Stack

Библиотека прямо в Claude Code

С тарифом Full Stack подключается GetLayers MCP - Claude сам ищет слои в библиотеке и забирает их в проект. API-ключ не нужен: откроется браузер, входишь в аккаунт и подтверждаешь доступ.

/plugin marketplace add textura-agency/getlayers-plugin
/plugin install getlayers@getlayers

Claude Code - по одной команде

https://mcp.getlayers.ai/mcp

Claude Desktop и claude.ai - Settings → Connectors → Add custom connector, вставь адрес

Плагин GetLayers на GitHub

Страница MCP


Проверь себя

Итоговый чек-лист

  • Зайти на getlayers.ai и войти в аккаунт
  • Выбрать 3D-сцену или шаблон под свою задачу
  • Скопировать промт целиком через Copy prompt
  • Вставить промт в Claude Opus 5.5 без правок
  • Открыть готовый HTML-файл в браузере и проверить, что сцена и анимации как на превью
  • Вторым сообщением поменять тексты, цвета и кнопку под свой проект
  • При необходимости перенести страницу в свой стек - Next.js, Astro, Vue или WordPress