Frame from Password vs passkey explainer, in Chinese
PromptFull
给我一个可互动交互动画页面,讲解清楚 password 和 passkey 到底有什么区别,也包括它们的历史沿革,把它制作成一个小白也能看懂的讲解视频

Make it yours. Swap "password 和 passkey" for the two things you want compared. "小白也能看懂" (easy for a complete beginner) sets the level. Write the prompt in English if you want English narration.

Make it hereFree runs soon

Password vs passkey explainer, in Chinese

A 4-minute Chinese-language explainer on how passwords and passkeys differ and where each came from, pitched at complete beginners. From a one-line request, Opus 5.5 worked for tens of minutes without asking a question and narrated it with edge-tts.

You'll need

  • edge-tts for the narration voice
How it was made

The creator says Opus 5.5 asked no questions and went straight to the 4:10 video. Per the post, Claude reported that the voice is Microsoft's neural voice Yunxi through edge-tts, that it checked volume and clipping but couldn't listen itself, that it left out background music, and that frames are rendered deterministically so it can re-cut a vertical 9:16 version from the same assets. The prompt asks for an interactive animation page as well as the video. The app used isn't named.

Posted Sep 23, 2026 · X · 378 likes · 41k views · 35 comments

Prompt from: Post body

Look notesby Reference

A clean, light explainer in Chinese with flat navy and indigo icons: a timeline of password fixes, a phone holding a stamp for the passkey, cards for each attack, and a house with two ways in.

Color
Pale blue-gray dotted background, white cards, dark navy figures and outlines, indigo-violet accents and progress bar, a yellow sticky note and timeline marker, and a red stamp reading 不盖 (won't stamp).
Type
Bold Chinese sans-serif for headings and the title (密码 和 通行密钥, passwords and passkeys), small numbered section labels at top left ("02 六十年,一路打补丁", sixty years of patches), monospace for usernames, hashes, and bank.example URLs, and white subtitles in a dark rounded box at the bottom.
Framing
Slides on a light ground with a thin progress line across the top, a section label at top left, a diagram in the middle, and a centered subtitle box near the bottom.
Sound
Narration in Microsoft's Yunxi voice through edge-tts, with no background music, according to Claude's report quoted by the creator.
Structure
The title, a 60-year timeline from plaintext storage (1960s) and salted hashes (1979) to SMS codes (2010s), a hooded attacker trying common passwords, the passkey as a stamp kept on the phone while the site stores only the imprint (the public key), why the old attacks fail (phishing, database theft, replay, credential stuffing), a house whose front door is the passkey and side window is account recovery, and a one-line summary.

More like this

4:48

Line-art lesson on atmospheric circulation

Claude Code · SVG

1:42

IKEA manual as a narrated 3D how-to video

Opus 5.5

1:00

Vertical faceless explainer from your text

Partial prompt · HyperFrames

4:26

How AI coding agents actually work

Prompt described · Claude Code · Remotion

0:22

Stickman YouTube video about charisma

Claude Code · FFmpeg

1:52

Atoms to mixtures, explained for 8th grade

Partial prompt · Claude Code · HTML Canvas

12:12

What is a Transformer, for high schoolers

Claude Code · Remotion

6:53

Code-drawn character in six art styles

Claude Code · HyperFrames

0:58

Paper-craft explainer of Docker containers

Claude Code · Plain JavaScript

2:55

3Blue1Brown parody on how LLMs work

Claude Code

5:42

Five-minute explainer on T cells

Codex · Remotion

1:10

Faceless explainer on hotel staff secrets

Claude Code · FFmpeg

1:00

Artemis II flyby in mission-control style

Claude Code · HyperFrames

2:37

Split-screen bubble sort explainer

Claude Code · Manim

1:00

History of ice cream in newspaper cutouts

Opus 5.5

1:15

Recursion explained in nine video styles

Opus 5.5 · React

4:40

Transformer explainer in 3Blue1Brown style

Opus 5.5

1:09

Nine football rules as TV match analysis

Claude Code · Three.js

6:06

GCSE geography video on India for Year 10

Claude.ai

0:35

Five-scene explainer for a newsletter

Partial prompt · Claude.ai · HTML and CSS

0:30

Negroni recipe as a 30-second explainer

Claude Code · HTML

1:24

Talking head recut with line-art B-roll

Claude Code · Python

0:10

Active cell balancing in a battery pack

Claude Code · Remotion

4:07

Narrated film on the Voynich manuscript

Fable 5.1 · Python (skia-python)

2:08

Galileo, Bernoulli and the fastest path

Opus 5.5 · Canvas 2D

0:45

Narrated trailer for an events map app

Opus 5.5 · Playwright

9:30

Chinese science film on the history of AI

Opus 5.5 · Remotion

1:10

Why a circle's area is πr²

Manim

14:20

History of the chip, from Edison to EUV

Opus 5.5

0:15

Vertical promo for a fan-made card site

Opus 5.5