Glitch streetwear hero on a satin shader (WebGL)
A streetwear drop page: a giant wordmark printed on moving black satin, sliced and RGB-split by glitch bursts, plus garment cards drawn in code.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a high-contrast landing page for a [STREETWEAR LABEL] drop — a giant wordmark printed on live black satin that glitches, three product cards with garments drawn in code, and a neon marquee of drop dates. Brand: [LABEL NAME] — [DROP NAME + DATE] Headline: [LINE 1] / [LINE 2, outlined] Products: [3 × name, type, price] Palette: black #050505, off-white #f4f4f1 and one neon accent [e.g. acid #c8ff1e] 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
- ✓Black satin from a fold height field and three lights
- ✓Glitch bands: slice shifts, RGB split, static, invert
- ✓Garment flats filled with per-pixel fabric shading
- ✓Hover glitch on canvas cards, CSS glitch on names
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 3, with a step-by-step video walkthrough and AI feedback on your project.
