Live radar HUD console for a security product
A phosphor-green radar sweeps for threats: blips flare and fade, tracked targets carry labels, and side panels stream an example threat log.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a landing page for a [SECURITY PRODUCT, e.g. security operations platform] built like a live radar console (a tasteful military HUD). Brand: [PRODUCT NAME] — [WHAT IT DOES IN ONE SENTENCE] Headline: [LINE 1] / [LINE 2 in phosphor green], e.g. "Nothing moves / unseen." Palette: phosphor green #6dffb0, amber #ffb547, critical #ff6a4d on near-black #040806 Technical rules
The full prompt comes with the course
All 55 prompts in the library are part of the Vibewrights course. Enrollment opens in January 2027 — join the waitlist to get the founding-member price.
See what's includedWhat you'll get
- ✓A canvas radar with sweep, phosphor trail and revealed clutter
- ✓Blips that light up when swept and fade before the next pass
- ✓Clickable tracked targets with labels, brackets and history dots
- ✓A streaming log, severity bars and a target card that stay in sync
How to use it
- 1Replace everything in [BRACKETS] with your own product, copy and colors.
- 2Paste it into Claude Code, Cursor, Lovable or Bolt and open the page in Chrome.
- 3Compare with the live demo, then tune one thing at a time.
— From the course
You'll build this end-to-end in Module 2, with a step-by-step video walkthrough and AI feedback on your project.
