Spline
Как повторить в Claude Code
- Открой сцену в Spline и нажми Remix: появится твоя копия (нужен бесплатный аккаунт Spline).
- В копии нажми Export → Code → React и скопируй ссылку на файл
scene.splinecode. - Вставь промпт ниже в Claude Code и подставь свою ссылку.
Промпт для Claude Code
Встрой Spline-сцену [ссылка на scene.splinecode] в первый экран моего сайта: через @splinetool/react-spline, если сайт на React, иначе через <spline-viewer>. Сцена справа от заголовка, на телефоне над текстом. Пока сцена грузится, покажи статичную картинку. Текст в сцене замени на [название моего бренда] в редакторе Spline, прежде чем брать ссылку. Сцену поставь по центру на всю ширину, мой заголовок под ней. Оставь подпись «Made with Spline» и имя автора @yegor.trukhin.
Подойдёт
- Сайт студии, бренда или тёмный лендинг продукта
Похожие работы
-
GSAP
Окно продукта раскрывается при скролле
Первый экран с заголовком и маленьким окном интерфейса. При прокрутке окно вырастает на весь экран, заголовок разлетается.
-
Видео-фон
Видео-фон в первом экране без стока
Claude Code нарисовал светящиеся волны в canvas, записал их в бесшовное видео на 8 секунд и поставил фоном под заголовок.
-
Three.js
3D-шар из частиц, который следит за курсором
Шар из 6 тысяч светящихся частиц поворачивается к курсору, а частицы под ним разлетаются и возвращаются на место.
-
GSAP
Анимации сайта на GSAP
Шоурил библиотеки GSAP. Официальные скиллы учат агента писать такие анимации: по скроллу, на таймлайне, с SplitText и Flip.
Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.
Открыть канал