Визуал / Анимации сайтов / Кнопка с переливающейся металлической рамкой
21st.dev

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

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

Промпт для Claude Code

Вставь в Claude Code

Замени этим компонентом главную кнопку на первом экране моего сайта. Текст кнопки сделай [текст кнопки], ссылку веди на [куда ведёт кнопка], круглую кнопку с иконкой оставь только если она мне нужна. Шрифт возьми из моего сайта. Проверь, что на телефоне кнопка удобно нажимается и анимация не тормозит.

Подойдёт

  • Лендинг AI-продукта или премиального сервиса

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

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

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