Goodbye Win 95 theme, hello Liquid Glass(ish)! One-shotted a complete UI transformation of my first caffeine demo app. Recorded the prompt, had a shower, came back and it was done! Key takeaways: 💡 Working with AI means the cost of changing your mind approaches zero. Wake up with a... radically different idea about how your #ICP app should look? Just tell the machine. 💡 No need to be a prompt engineer, just be expressive! The machine is no mind reader, just provide enough detail for it to be able to do good job. Sharing the full prompt in the replies.show more

This was the full one-shot prompt to turn a Windows 95 themed app into Liquid Glass(ish) using @caffeineai on #ICP. Don't overthink, just be expressive and somewhat detailed. So, I'm starting to get bored with the Windows 95 styling. Apple just released their new design guidelines and they call it Liquid Glass. Doesn't that sound exciting? Liquid Glass. I want my app to look like Liquid Glass as well. Can you fix that? Can you update the CSS, I mean the Tailwind classes, etc. Instead of being a Windows 95 style, I would like you to do your own interpretation of the Apple Liquid Glass theme. They describe it as a dynamic material. It combines the optical properties of glass with a sense of fluidity. So, in plain speak, I would say that it means that all graphical elements are very rounded. Buttons and panels, etc. are partly translucent and dimmed. Also, imagine looking through a sheet of glass that is not entirely clear. Also, the light breaks and causes a cool effect when you scroll over things. That might be a little bit difficult for you to implement, but you can always give it a shot. The essence here would be to use a lightish, greyish, bluish color. Imagine looking at the sky on a sunny day through a window or a sheet of glass that is not entirely translucent. How would that background look, for instance? Imagine building a UI on top of that with sweet, rounded buttons and graphical elements. Toned down, light pastel colors and beautiful edges. It should be crisp, clear, clean and fantastic. You can do it. Go ahead. Don't change any app functionality, only the styling.

AI is transforming healthcare! A KSM-led study shows AI can detect Celiac disease 4 years earlier @TalPatalon @MedPredict

Here is the app btw:

@caffeineai Game over, ICP won. No one is catching up and @dfinity is just getting started. The argument about which chain is technically superior just got the kill shot! Remember last year when the "experts" said ICP was a dead chain🤣

@caffeineai Thank you for sharing this!!!!

@caffeineai I can't wait to try @caffeineai . I have a few ideas I want to try.

@caffeineai WTF - this is easily a $30,000 app and 6 weeks of BS meetings and other activities

@caffeineai Good material for a video thank you! I applied for a code and am looking forward to trying Caffeine AI myself!

@caffeineai Caffeine AI runs an LLM behind the scenes. What is the one you used Claude, Google, Chat GPT? Curious since it seems it worked on the first try.

@caffeineai Great work. Not a fan of the "fire cracker" transition between pages tho.

@caffeineai Me neither. Got annoying. Now it's gone 😂