Amber CRT terminal hero you can type into (WebGL)
A retro-futurist studio page with a curved, glowing CRT monitor that boots up and runs real commands — scanlines, bloom and phosphor trails in one shader.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a landing page for a [STUDIO TYPE, e.g. retro-futurist creative studio] whose hero is a live amber CRT monitor running a terminal you can type into. Brand: [STUDIO NAME] — [WHAT YOU DO IN ONE SENTENCE] Headline: [LINE 1] / [LINE 2, amber gradient] Phosphor: [e.g. amber #ffb347 on warm black #0b0805] Technical rules - One file, plain WebGL, no libraries. Google Fonts allowed: VT323 for the terminal, a grotesk for headings, IBM Plex Mono for labels. No images.
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 curved CRT tube: barrel distortion, bloom and scanlines in one shader
- ✓A canvas terminal with a typed boot, word wrap and phosphor trails
- ✓Real commands with history, buttons and a screen-reader log
- ✓A rotating wireframe side panel that updates with texSubImage2D
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.
