Rajesh
4.8K posts
Rajesh
@Gifted_Geek
Building tomorrow, today
I've been having too much fun converting old designs into skeuomorphic retro styles. To start from scratch, prompt something like: "create a retro futuristic skeuomorphic user interface of feature cards for a feature section with extreme details, shadows, bevels and webgl noises." A bit of warning: non-generic experimental styles often require a bit of trials and errors. If you don't specify, you'll get generic flat, purple gradients. Noises are often wrong with gemini, but when they're right, they're beautiful and so interesting. Keyword: webgl. If you don't like a detail, ask to remove it and come up with a different way to say it. You can also start from an image ref. Take a screenshot of any layout and prompt "draw svg, only use icons for small icons, animate details. realistic. accurate. no purple gradients. create retro futuristic flat design with webgl noises. noises should be using webgl animated. hyper realistic skeuomorphic design." "use webgl noises, animate the details, lights, dots. animate marquee looped infinitely of the cards. add avatar images to cards. use skeuomorphic styles for ui, extreme details." From experience, the first shot isn't perfect. This workflow works better as a style transfer. So take an existing UI and ask for a skeuomorphic style. Flat -> Skeuomorphic. Light -> dark mode. Hero section -> pricing section. To animate, prompt "Make each card like CRT monitors, retro styles with lights animation, glows, scanlines. animate the background stars using webgl" More examples: "the letters on 3rd card should use physics using matterjs." "noises should be using webgl animated. hyper realistic skeuomorphic design. dark mode. keep everything." "Skeuomorphic designs with beautiful details and shadows. Do not use neuomorphic style. Just a normal light mode clean skeuomorphic style." "Animate the charts, the lights, dots, details in a loop. add radial light in the background subtle." "make cards draggable and on release it should come back to original position with slight spring overshoots. hover should make card brighter." "improve the beautiful shadows with more contrast, tastefully high end, long shadows" "Fix the shadow clipping on the small chips. make the bg 1 tone darker. add hover to cards that floats more with shadow acting accordingly" Since I created a lot of designs, I had to adapt a LOT. Honestly, just name all the styles you can think of: retro, matrix, leathered calendar, CRT monitor and let Gemini cook. I'll post all the designs here: aura.build/user/meng/comp…
Grok 4.20 is BASED. The only AI that doesn’t equivocate when asked if America is on stolen land. The others are weak sauce.