SAMI
Мои работы Промты Кино-приёмы Статьи Новости Закрытый клуб Контакты Telegram-канал Войти
  • Claude
  • 16:9
  • Промт клуба

Промт для Claude: анимация регистрации webauthn passkey

Немая обучающая анимация процесса регистрации WebAuthn Passkey. Подходит для объяснения принципов работы passkey и публичных ключей в образовательных материалах.

Открыть в клубеВсе промты для Моушн-графика

30-секундный немой ролик на английском языке, объясняющий регистрацию WebAuthn Passkey. Сцены: сервер отправляет вызов C1 браузеру, создание пары ключей (приватный остаётся в аутентификаторе, публичный уходит на сайт), последовательные проверки вызова, источника и полагающейся стороны, сохранение ID и публичного ключа, финальное разделение ролей. Композиция: слева текст, справа SVG-диаграмма. Тёмная палитра, шрифты Helvetica Neue, анимация на основе кадров.

Вставьте промт в Claude Code — он сгенерирует код на Remotion 4.0.410, React 19, TypeScript 5.8 и FFmpeg, соберёт MP4 1920×1080, 30 fps. Для адаптации замените тексты сцен, цвета палитры, длительность или композицию. Движок и формат менять не обязательно.

Начало промта

Create a silent English educational animation about WebAuthn Passkey Registration. 0–6 s: the server sends challenge C1 to the browser for example.com. 6–14 s: user consent creates a key pair; the private key stays inside the authenticator and the public key moves toward the website.…

Полный промт — в клубе SAMI. Там же генерация в один клик и вся библиотека клубных промтов.

Открыть в клубе

Из чего собран промт

  1. задачаСоздать немую обучающую анимацию о регистрации WebAuthn Passkey.
  2. сцена 1Сервер отправляет вызов C1 браузеру.
  3. сцена 2Создание пары ключей, приватный ключ остается в аутентификаторе.
  4. условиеНе показывать, что passkeys не синхронизируются; только что сайт не получает приватный ключ.
  5. палитраТемная палитра: bg0 #070b12, bg1 #0d1626, bg2 #142238, primary #60a5fa, accent #fbbf24, result #34d399, warning #f87171, text #f8fafc, muted #94a3b8.
  6. шрифты и анимацияШрифты Helvetica Neue и др. Анимация на основе кадров, английские подписи, затухания.
Объясняющие ролики: все 446