🧠 Vibe coding but Pro Max Edition

If you think AI coded websites (aka vibe-coded) still look ugly with purple colour sprinkled everywhere as a dead giveaway, think again!

AI coded designs are getting so good, you can’t even tell if the website or an app was built using AI anymore

To demonstrate what AI coding is capable of as of late 2025, powered by Gemini 3 or Claude Opus 4.5, we tried to replicate this reveal animation effect for a portfolio website with a single prompt.

We recreated a viral landing page effect in Replit — the one where your cursor reveals a second portrait underneath (like a blob-shaped spotlight).

Here’s the original prompt as shared by Emily Lambert via LinkedIn post 

I want to create a personal portfolio landing page for [YOUR NAME]. The page should be a full-screen hero section with a large headshot image [IMAGE ONE] as the background, centered and covering the entire viewport. My name should appear in the top left corner in a large, elegant serif font (like Playfair Display) with the first and last name stacked on separate lines. In the top right corner, add a "Portfolio" link. At the bottom right, include social media icons for Instagram, X/Twitter, YouTube, and LinkedIn that link to my profiles - use solid filled SVG icons so they're clearly visible.

The main interactive feature should be a blob cursor effect that follows the mouse. When the user hovers over the page, an organic, gooey blob shape should appear and follow the cursor with a slight lag for a smooth, fluid feel. This blob should act as a "reveal" mask that shows a second version of the headshot [IMAGE TWO] - so as the user moves their cursor around, they're essentially revealing an alternate image underneath. The blob should have a trailing effect where smaller, fading blob shapes follow behind based on cursor speed - faster movement creates more pronounced trails. Add subtle animated wave lines in the background that respond gently to mouse movement.

All text elements (my name, the Portfolio link, and the social icons) should dynamically invert to white when the blob cursor hovers over them, so they remain visible against the revealed image. The transitions should be smooth with a 300ms duration. Add a subtle parallax effect where elements shift slightly in the opposite direction of cursor movement to create depth. The overall aesthetic should be minimal and sophisticated with a white background, letting the photography and interactive elements be the focal point.

It looked beautiful on the desktop. On mobile, performance exposed the real problem. Our learning from this exercise: Fancy effects don’t fail because the animation is hard. They fail because the assets and constraints are missing and mobile experience is just not optimized.

So we wrote this playbook, which was missing from the original prompt.

By the end, you’ll have:

• A reliable build prompt (desktop blob reveal)

• A performance fix prompt (so it loads fast)

• A mobile/touch plan (so it works on phones)

• An image workflow (so both portraits align perfectly)

Hopefully, this will also act as a learning experience if you have other crazy design ideas you wanna execute in your vibe-coding project

🔒PracticallyAI Plus (Members Access)