aadilkhan08/CYBERFICTION-SOURCE-CODE ? reverse-engineered prompt

Reverse engineered prompt

Build me a simple cyberpunk style landing page that plays like an interactive story as you scroll.

It should use the long sequence of numbered character images in the project to create a smooth frame by frame animation, with the picture changing based on scroll position. Make the page feel cinematic and futuristic, with bold text, dark backgrounds, and strong contrast. I want the animation to fill the screen on desktop and still work nicely on mobile, with the layout staying clean and readable.

Please wire up the HTML, CSS, and JavaScript so the page loads the image sequence correctly, scrolls smoothly, and feels polished instead of jumpy. If you need to look up current best practices for scroll driven image sequence animation, feel free to do that. Also make sure it handles loading well, so the animation does not flicker or break while the images are coming in.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab