Post by @webloved

How I build with Claude 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 Sketch to render on scroll, from ONE image. No separate drawing needed: 1. Stack the same car render twice in a sticky section, 150vh tall. 2. Bottom layer becomes the sketch with an SVG filter: feColorMatrix to grayscale, then feConvolveMatrix order 3, kernelMatrix -1 -1 -1 -1 8 -1 -1 -1 -1. That pulls out the edges. 3. Invert it so the lines go dark on white paper. 4. Thicken the lines with feMorphology operator erode, radius 1. Thin lines read as noise. 5. Scroll progress p from 0 to 1 across the section. 6. Hold the sketch for the first 20%, so people clock it's a drawing. 7. Then wipe the real render in: clip-path: inset(0 calc((1 - p) * 100%) 0 0). 8. A 2px red line on the wipe edge makes it feel like it's being drawn live. Unofficial fan concept, not affiliated with Tesla. Save this before your next car site 🔥 #claude #tesla #roadster #teslaroadster #webdesign