认证表单

两步验证配置(二维码)

Two-factor setup with QR

绑定验证器,再保存备用码

实时预览

提示词正文

Build a two-factor setup flow with Tailwind CSS in two steps. Step one: a QR code block with the manual setup key underneath and a 'Can't scan?' toggle. Step two: a six-digit confirmation input. Finish on a 'Save your backup codes' panel listing ten single-use recovery codes with a download button and a warning that each code works exactly once.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

2FA 引导的关键是“备用码”这一步不能跳过,否则用户丢手机就锁死自己。

同类提示词 · 认证表单

© 2026 Genisource Vibe · 提示词详情