◆ Продвинутый кит · Сайты

Вау-сайты
с 3D

Сайты уровня awwwards: 3D-объект в hero, кинематографичный скролл, оживающие при наведении картинки. Надстройка над базовым китом по сайтам.

🔌

Подключить кит

01

Одна команда — и кит установлен. Вставь её в чат с Claude, он всё сделает сам.

1
Вставь одну команду
curl -fsSL navolneai.ru/wow-kit/install.sh | bash
2
Перезапусти Claude и начни
/site-wow
✨

Два пути к вау

02

Выбираешь по силам, оба ведёт скилл /site-wow.

Путь A · без кода

Оживающее видео

Оживляем картинку в видео, скролл проматывает его как кино. Самый лёгкий вход, вау сильный. Плюс приём «оживающая при наведении картинка» на чистом CSS.

Путь B · с 3D

3D и анимация

Настоящий 3D-объект в hero, живой фон из частиц, стекло и блики. Готовые библиотеки одной строкой или установленные 3D-скиллы уровня awwwards.

Плюс в ките: /site-animate оживить готовый сайт (летающие объекты, затухание по скроллу) и /site-preview живая ссылка на результат.

🎒

Что понадобится

03

Насмотренность — полистать awwwards и сохранить пару эффектов. Claude смотрит референсы сам по ссылке.

Картинки — своим ИИ-генератором или через Krea. Для оживающего видео нужны парные кадры.

Видео (для пути A) — сервис оживления картинок: Kling, Runway, Pika, Luma. У каждого свои условия.

База — этот кит идёт после базового «Как делать сайты». Сначала научись собирать обычный лендинг.