nakodil.site ВАЙБКОДИНГ С CLAUDE CODE
Визуал / Анимации сайтов / Сетка скриншотов, которая выпрямляется при скролле
21st.dev

Как повторить в Claude Code

  1. Открой компонент на 21st.dev по кнопке «Открыть на 21st.dev».
  2. Нажми Copy prompt: 21st.dev скопирует промпт с кодом компонента.
  3. Вставь его в Claude Code, а следом — промпт ниже: он встроит компонент в твой сайт.

Промпт для Claude Code

Вставь в Claude Code

Встрой этот компонент в первый экран моего сайта. Заголовок и текст замени на [свой заголовок] и [описание в 1–2 предложения], а в ряды поставь [скриншоты своих проектов со ссылками]. Шрифт и цвета возьми с сайта. Проверь на телефоне, что анимация скролла не дёргается и текст читается поверх картинок.

Подойдёт

  • Портфолио, сайт студии или фрилансера

Похожие работы

Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.

Открыть канал