Шпаргалка Бесплатно

Анимация интерфейса: шаблон промпта и карта приёмов

1 файлZIPБез подписки
Обложка «Анимация интерфейса»: мраморная статуя в розовых наушниках с ноутбуком

Анимация интерфейса: шаблон промпта и карта приёмов

Claude Code по запросу «сделай красивую анимацию» часто отдаёт дёрганый шаблон. Здесь запрос, который даёт ровный результат с первого раза.

Для кого: для тех, кто собирает сайт или приложение с ИИ-агентом и хочет, чтобы оно выглядело живым, без знания кода.

Что внутри:

  • шаблон промпта: что двигаем, как, как долго, что делать на телефоне, как уважать настройку «уменьшить движение», чего не делать. С примером заполнения на первом экране лендинга;
  • карта из пяти приёмов: появление при прокрутке, наведение на кнопку, переход между экранами, загрузка, счётчик цифр. К каждому: когда применять, готовая строка для промпта и частая ошибка;
  • метод: как найти анимацию в открытых галереях и превратить её в свой запрос, не копируя чужой промпт.

Результат: первая аккуратная анимация на твоей странице за 10–15 минут.

Формат: Markdown, 2–4 страницы. Работает в Claude Code.

Что в комплекте

Как установить и пользоваться

Скачай архив animaciya-interfejsa.zip ниже и распакуй. Внутри два файла: guide.md (шаблон и карта приёмов) и README.md.

Как пользоваться

  1. Установи Claude Code, если ещё не стоит.
  2. Открой свой проект в Claude Code. Проекта нет — создай пустую папку и попроси Claude Code сделать одну страницу с заголовком, текстом и кнопкой.
  3. Открой guide.md, скопируй шаблон промпта, заполни поля в скобках.
  4. Вставь в Claude Code. На вопросы про разрешения отвечай «да».
  5. Открой страницу в браузере и посмотри.

Проверка

Блок должен плавно появиться один раз. Включи в системе «уменьшить движение» (Windows: Параметры → Специальные возможности → Визуальные эффекты → Эффекты анимации, выключить; macOS: Универсальный доступ → Монитор → Уменьшить движение) и обнови страницу: всё должно показаться сразу, без анимации. Если это не так, напиши Claude Code: «при включённом уменьшении движения всё равно двигается».

Следующий шаг

Разовая покупка

Первый экран

Через два дня откроешь в браузере экран своего продукта, собранный сам

Самый короткий путь от идеи к своему продукту: работающий экран за два дня, без кода.

Взять за 990 ₽

Разовая покупка

Код клиента

Скилл, который залезает в голову твоему покупателю

Портрет покупателя, на котором работают все скиллы VIBERZ.

Взять за 990 ₽

Или всё сразу

VIBERZ Pro — 2 990 ₽ в месяц

Все 23 платных продуктов VIBERZ по отдельности стоят 21 370 ₽. В Pro они открыты сразу — и всё, что выйдет дальше.

Оформить Pro