Elyes Rayane Melbouci

I cracked the code to building Awwwards-worthy websites.

Every site built with AI looks the same. You've seen it. Purple gradients, rectangular grids, emoji icons, the same shadcn layout copy-pasted a thousand times. I call it the vibe coder aesthetic.

I spent months trying to fix this. Not by switching models or using better prompts. By building something no one else has done: a structured persona system that teaches AI agents your taste.

It's not a single prompt. It's a structured folder. Design standards, spacing norms, animation rules, library usage, section guidelines, all orchestrated from one file. Each reference is 100-200 lines max. Short, specific, opinionated. When the agent builds something wrong, I update the system. After hundreds of iterations, the agent stopped producing generic output and started producing my work.

The result is Opale UI. 6 Sites templates and guidelines with WebGL liquid simulations, Three.js 3D scenes, scroll-linked spring physics, magnetic cursor interactions, and custom fragment shaders running at 60fps. Every one of them was built with Claude Code. None of them look like it.

The secret isn't the model. It's not the prompt. It's the system you build around it. AI democratized code, it didn't democratize taste. Taste is still rare, still personal, and now it's scalable.Try them and tell me if they look AI-generated.

See them here: Website

4 views

Add a comment

Replies

Be the first to comment