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

Промт для Claude: обучающая анимация про totp-аутентификацию

Безмолвная образовательная анимация о принципе работы TOTP (Time-based One-Time Password) для мультифакторной аутентификации. Подходит для объяснения безопасности.

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

В ролике длительностью 30 секунд без звука объясняется принцип работы TOTP (одноразовые коды на основе времени) для мультифакторной аутентификации. Сцены последовательно показывают: запрос кода после пароля, синхронизацию временных шагов, вычисление и принятие кода 482913, а затем отклонение использованного кода и смену на новый 735204. Используется композиция левый текст/правая диаграмма, тёмная палитра и кадр-зависимые анимации.

Чтобы применить, вставьте промт в Claude Code. Замените тексты сцен, цвета палитры, длительность (сейчас 30 с) и при необходимости шрифты. Движок — Remotion 4.0.410 с React 19 и TypeScript 5.8. Результат — H.264 MP4 1920×1080, 30 fps.

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

Create a silent English educational animation about Multi-Factor Authentication TOTP. 0–5 s: password knowledge passes but the account still needs an authenticator code. 5–13 s: two aligned 30-second time-step strips cross the same boundary, changing T=100 to T=101 together while K stays local.…

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

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

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

  1. задачаСоздать безмолвную обучающую анимацию про TOTP
  2. сцена 0–5 сПароль принят, но требуется код аутентификатора
  3. сцена 5–13 сДве временные шкалы синхронно переходят на следующий шаг
  4. сцена 13–23 сТелефон и сервер вычисляют одинаковый код 482913, код передаётся, совпадение принято
  5. сцена 23–30 сИспользованный код 482913 отклонён, новый шаг меняет коды на 735204
  6. движок и форматИспользовать Remotion, React, TypeScript, FFmpeg; рендер 30 с MP4
  7. композиция и стильЛевая колонка текста, правая диаграмма SVG; тёмная палитра и шрифты
  8. движение и зависимостиАнимация от кадра, английские подписи, фейды; внешние зависимости Node.js, Chromium
Объясняющие ролики: все 446