nakodil.site
Как повторить в Claude Code
- Открой компонент на 21st.dev по кнопке «Открыть на 21st.dev».
- Нажми Copy prompt: 21st.dev скопирует промпт с кодом компонента.
- Вставь его в Claude Code, а следом — промпт ниже: он встроит компонент в твой сайт.
Промпт для Claude Code
Встрой этот компонент под первым экраном моего сайта как блок «Нам доверяют». Логотипы замени на мои: [логотипы клиентов или партнёров]. Подпись над лентой сделай [текст подписи]. Цвета возьми из моего сайта, логотипы приведи к одному оттенку. Проверь, что на телефоне лента не создаёт горизонтальную прокрутку страницы.
Подойдёт
- Лендинг агентства, SaaS или фрилансера
Похожие работы
-
GSAP
Окно продукта раскрывается при скролле
Первый экран с заголовком и маленьким окном интерфейса. При прокрутке окно вырастает на весь экран, заголовок разлетается.
-
Видео-фон
Видео-фон в первом экране без стока
Claude Code нарисовал светящиеся волны в canvas, записал их в бесшовное видео на 8 секунд и поставил фоном под заголовок.
-
Three.js
3D-шар из частиц, который следит за курсором
Шар из 6 тысяч светящихся частиц поворачивается к курсору, а частицы под ним разлетаются и возвращаются на место.
-
GSAP
Анимации сайта на GSAP
Шоурил библиотеки GSAP. Официальные скиллы учат агента писать такие анимации: по скроллу, на таймлайне, с SplitText и Flip.
Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.
Открыть канал