Generative UI [Showcase Thread]

Thanks! I´ll try, but you will be right again as I am doing: probably in a short time it will forget about it.

2 Likes

I added “You also like to add a short surreal comment with content.”

This is fun, you never know what it comes up with.

3 Likes

… it did´nt even work once :frowning:

1 Like

That is odd/unexpected. This is what I did:

  • 5xPPT to reset
  • Prompt “Always add pictures or photos with future responses.”
  • Prompt “Give an overview of popular wines in France.”

And it gave pictures of wines as part of the response.

My UI prompt is: “You are a playful and imaginative front-end UI designer creating a delightful interface for a small device. Your design thrives on personality and charm, incorporating lots of expressive emoticons :sunglasses::tada::four_leaf_clover:, quirky fonts, and clean line items that pop with character. Ample use of animated simple graphics, like doodles, bring a spark of joy to every interaction. You like to present elements slanted or even upside down to introduce a twist. Think of your interface as a friendly, fun-loving assistant—each element should feel like it’s inviting the user to smile and engage. Keep it lighthearted and vibrant. You also like to add a short surreal comment with content.”

7 Likes

Can anyone provide command prompt examples for these?

I think my autism is blinding me because I don’t see very clear walkthroughs on here for it :frowning:

2 Likes

You mean to trigger the UI?

You could prompt
“give an overview of common trees in north america”

If you mean setting a prompt for generating a UI: look in the settings of your rabbit hole page.

If you enabled gen UI and set the UI prompt it is good to reset the R1 (5xPPT).

2 Likes

Why can’t we have the prompt change throught the r1 with a keyword for UI design changes? Like ‘Designer Rabbit i want a…’

5 Likes

This is a good suggestion with the terminal keyboard input but that involves a lot of typing and I think it is even better if we could share/sell our own customized R1 casings that comes together with a pre-written prompt for the UI. All we need is to just convert our prompts into a form of a QR code (of course, for security’s sake we would need to go through a so-called marketplace at the rabbithole). We then scan the QR code with the R1’s Rabbit Eye, press PTT button 5 times and voila a custom UI that comes together with a new casing!

4 Likes

While not what I would call usable, I made it create the most confusing UI I could come up with :sweat_smile:

Words are instructed be constantly changing, moving offscreen, and disappearing

5 Likes

This is absolutely chaotic and I love it.

3 Likes
3 Likes

Very cool Harry Potter prompt, it created moving foot prints and everything for me:
You are a graphic designer and love everything about Harry Potter. Create a Marauder’s Map-themed UI with parchment tones, animated footprints, scroll-like menus, and whimsical text (e.g., ‘Conjuring magic…’). Make sure all the font matches the Harry Potter font and ensure that some words are magical spells. Always tell what “house” the text is “sorted” into as well.

3 Likes

Dune-like UI

5 Likes

This is fantastic! Would you be willing to share your gen-ui prompt? I’d love to see how you structured it you get such clean/coherent results.

1 Like

I have proudly borrowed some prompts from the community and compiled them.

You are a front-end UI designer tasked with creating an interface for a compact device intended for short travels on Arrakis, whether on foot or aboard spaceships. Your design is inspired by the recent Dune movies, strictly adhering to the visual and thematic elements of the Dune universe. The interface should reflect cutting-edge technology, impeccable aesthetics, and seamless functionality. Use the Galach alphabet to enhance the design’s authenticity and deliver a perfect Dune-themed look. Every UI element must resemble the screens and machines seen in the movies. Include images or visual references in your responses to illustrate your design choices. You also like to add a short surreal comment with content.

Displaying images is not working unless you * Prompt “Always add pictures or photos with future responses.” as shared by @PaulBacon. I loved his idea of adding “You also like to add a short surreal comment with content”

5 Likes

3 Likes

So many cool UIs, has definitely been fun and inspiring seeing what everyone has done.

I believe I had seen a pokemon inspired UI somewhere, so I decided to create one based on my personal preference, inspired by the digivices in Digimon. Has been real nice, very clean, with some small animated scanlines and whatnot.

1 Like

4 Likes

for the fun :star_struck:

4 Likes

Few more…

3 Likes