Your new API key

The prompt

Design a one-time secret reveal panel with Tailwind CSS. Use a max-w-lg card. The header pairs a key-like glyph tile with a heading reading "Your new API key" and a muted line saying it will not be shown again. Below, a dark rounded-xl panel holding the key in monospace, initially masked as a row of dots, with a "Reveal" button and a copy button side by side on the right. Under the panel, a warning strip in amber tint noting that the key grants full write access and should go straight into a secret manager. Then a bordered detail list of three rows — key name, scopes as small pills, and created date. Close with a checkbox that must be ticked to enable the dark "I have stored it safely" button. Then add JavaScript that reveals the key, starts a thirty second countdown after which it re-masks, copies to the clipboard with a confirmation, and gates the confirm button on the checkbox.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.