# Generative UI \[Showcase Thread\]

**URL:** <https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296>\
**Category:** all things rabbit\
**Created:** [November 14, 2024, 11:33pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296 "2024-11-14T23:33:25Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 14, 2024, 11:33pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/1 "2024-11-14T23:33:25Z")

</div>

Hey everyone! Post the UIs you have created with Generative UI on r1 in here!

 ![PXL_20241113_194932081.MP](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/1/1c56f5eb2214eb33ca1e329bb919d9eb740cb7ec.jpeg)

Here’s one to start with, a UI in the style of the computer system MUTHUR 6000 from the Alien movie!

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 14, 2024, 11:39pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/2 "2024-11-14T23:39:13Z")

</div>

Blue Screen of Death from Lexis on Discord 😂

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 14, 2024, 11:44pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/3 "2024-11-14T23:44:13Z")

</div>

> <https://x.com/jessechenglyu/status/1857181630198337772>

Animal Crossing style!

---

<div class="post-metadata">

**Author:** ![Swimmingpool](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/swimmingpool/32/322_2.png) [@Swimmingpool](https://forum.rabbitcommunity.tech/u/Swimmingpool)\
**Post date:** [November 15, 2024, 12:12am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/4 "2024-11-15T00:12:30Z")

</div>

very neat. prompt?

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 15, 2024, 12:43am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/5 "2024-11-15T00:43:56Z")

</div>

For which one?

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 15, 2024, 12:44am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/6 "2024-11-15T00:44:28Z")

</div>

![PXL_20241115_003645711.MP](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/8/82ba0303591e6d476373d04c9ded783fccf5ac44.jpeg) ![PXL_20241115_003650936.MP](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/2/2f520e94377ab4d94e60fbc7c3ce941b7ad2098a.jpeg)

Barbie / Nicki Minaj style UI

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 15, 2024, 12:51am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/7 "2024-11-15T00:51:43Z")

</div>

![PXL_20241115_004823299.MP](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/7/7ce5bf753271b1b64b7ac3f0d404a489e9a6a805.jpeg)

 ![PXL_20241115_004830770.MP](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/9/940642faa7f8446f443333932e84b2b37f95dee0.jpeg)

MySpace UI

---

<div class="post-metadata">

**Author:** ![Psykopig](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/psykopig/32/2235_2.png) [@Psykopig](https://forum.rabbitcommunity.tech/u/Psykopig)\
**Post date:** [November 15, 2024, 1:00am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/8 "2024-11-15T01:00:21Z")

</div>

Really fun to test!

Here are a few versions of my TMNT styles!

 ![1000029442](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/0/0f429983c63209217556e7dec2795470530b1426.jpeg)  
 ![1000029443](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/d/deac7ee8ec49c397a38a6395ac8ec54135ed2b81.jpeg)  
 ![1000029444](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/7/79e3ad9c8da53cb4fea707b566ddb2aaaf3930f0.jpeg)

---

<div class="post-metadata">

**Author:** ![Mattit](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/mattit/32/4767_2.png) [@Mattit](https://forum.rabbitcommunity.tech/u/Mattit)\
**Post date:** [November 15, 2024, 2:08am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/9 "2024-11-15T02:08:27Z")

</div>

Can someone post some examples of prompts that will initiate a custom UI? So far it doesn’t seem to be working for me…

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/simon/32/4_2.png) [@simon](https://forum.rabbitcommunity.tech/u/simon)\
**Post date:** [November 15, 2024, 2:47am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/11 "2024-11-15T02:47:20Z")

</div>

You can find some example prompts to work with in the Release Notes thread.

> [@rabbitOS release notes](https://forum.rabbitcommunity.tech/t/rabbitos-release-notes/40):
>
> this is a living document, and this post will always show the most recent software update at the top. previous ones can be found below with expandable details. 14th November 2024: hi [@everyone](https://forum.rabbitcommunity.tech/groups/everyone) wave big news today! a new over-the-air (OTA) update will be hitting your r1 shortly. we’ve shipped a new feature - generative UI on r1! weatherrabbit what we fixed: listeningrabbit we’ve fixed the issue with reminders that appeared during the last OTA many battery life fixe…

You need to first enable Generative UI from the rabbithole profile settings, and that’s where you enter your prompt.

After this, the following will use generated UI:

- long form conversation responses
- LAM playground queries
- Image search queries

---

<div class="post-metadata">

**Author:** ![xenwow](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/xenwow/32/39_2.png) [@xenwow](https://forum.rabbitcommunity.tech/u/xenwow)\
**Post date:** [November 15, 2024, 3:40am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/12 "2024-11-15T03:40:39Z")

</div>

this is a prompt I’m working on

* * *

 ![IMG_2855](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/2/28b40c24e2e470b37916b9e3c47302875299df93.jpeg)

* * *

 ![IMG_2854](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/3/3c1495241deef541d268578c80cfb9f14322e99e.jpeg)

* * *

 ![IMG_2859](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/5/59283178af714c6f94d43467ccd0938b9a4faeaa.jpeg)  
 ![IMG_2860](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/2/26cfd269260f96e52e0cbbbd1c4a0bd5bf43b51a.jpeg)

---

<div class="post-metadata">

**Author:** ![gerhard.gruber](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/gerhard.gruber/32/5252_2.png) [@gerhard.gruber](https://forum.rabbitcommunity.tech/u/gerhard.gruber)\
**Post date:** [November 15, 2024, 9:59am UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/13 "2024-11-15T09:59:25Z")

</div>

I like this new Feature Generative UI. I made a very simple example just for testing - and it works. First there is only text on one line, after some time the described UI will be shown. Very often I am missing pictures.  
prompt: “give me clear multicolored text answers, show me pictures matching the answer”. I would be happy about more examples.

NEW UPDATE: my new prompt: „Give me clear multicolored answers, show me also photos in addition and answer in German“ - interesting result: it doesn’t show photos, reads the answer in English, but writes it in German (!!!)

My consequence: after a first Hurray I am a bit disappointed, changed the prompt to “give me clear multicolored text answers” and when asking a question, I add “add photos and answer in German” - Not really the big thing, I wait until there are improvements with the new Generative UI or somebody has a good working idea.

UPDATE:  
HELP: cannot get photos anymore. Changed some words, disabled and enabled the Generative UI again!!!  
What can I do that I always get also photos???

 ![US](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/8/8ef392b9d02d589b9026e0833b5159d6628b8852.jpeg)  
 ![Goethe2](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/4/4fb9b3958345be85fe0d14c949f13ba53349acf1.jpeg)

---

<div class="post-metadata">

**Author:** ![MrPickles](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/mrpickles/32/4181_2.png) [@MrPickles](https://forum.rabbitcommunity.tech/u/MrPickles)\
**Post date:** [November 15, 2024, 2:54pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/14 "2024-11-15T14:54:57Z")

</div>

This one was inspired by the Mooninites from ATHF. Searched for top Nic Cage films 😅

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/d/d18468d80f1625792b456e6e9395d31ab714d149.jpeg)

---

<div class="post-metadata">

**Author:** ![Gadsdencode](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/gadsdencode/32/440_2.png) [@Gadsdencode](https://forum.rabbitcommunity.tech/u/Gadsdencode)\
**Post date:** [November 15, 2024, 4:12pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/15 "2024-11-15T16:12:47Z")

</div>

![1000005743](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/f/ffaf55bd5a38e1acb0fe991ca54cd852fddfa5c6.jpeg)

Prompt: Chief Frontend Developer and Designer, design a superior UI for a supercomputer aboard the USS Enterprise. Adhere strictly to the Star Trek design language, reflecting top-tier technology, aesthetics, and functionality.  
Design Framework:  
Sleek, rounded container shapes with shimmering effects for AI response content.  
Color palette: navy blue, silver, metallic finishes.  
Subtle animations: glowing borders, smooth transitions.  
Minimalist, futuristic fonts optimizing readability and visual appeal.  
Buttons and icons: clean lines, subtle gradients.  
Feature Implementation:  
Advanced features for seamless interaction and superior operational efficiency.  
Holographic interface options and voice-controlled elements.  
Innovative Concepts:  
Space-themed backgrounds and dynamic data visualizations.  
Execute with precision and deliver a UI that sets a new standard of excellence on the USS Enterprise. Utilize all available, up-to-date information to inform your design.

---

<div class="post-metadata">

**Author:** ![Gadsdencode](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/gadsdencode/32/440_2.png) [@Gadsdencode](https://forum.rabbitcommunity.tech/u/Gadsdencode)\
**Post date:** [November 15, 2024, 4:16pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/16 "2024-11-15T16:16:41Z")

</div>

Chief Frontend Developer and Designer, design a superior UI for a supercomputer aboard the USS Enterprise. Adhere strictly to the Star Trek design language, reflecting top-tier technology, aesthetics, and functionality.

**Design Framework** :

- Sleek, rounded container shapes with shimmering effects for AI response content.
- Color palette: navy blue, silver, metallic finishes.
- Subtle animations: glowing borders, smooth transitions.
- Minimalist, futuristic fonts optimizing readability and visual appeal.
- Buttons and icons: clean lines, subtle gradients.

**Feature Implementation** :

- Advanced features for seamless interaction and superior operational efficiency.
- Holographic interface options and voice-controlled elements.

**Innovative Concepts** :

- Space-themed backgrounds and dynamic data visualizations.

Execute with precision and deliver a UI that sets a new standard of excellence on the USS Enterprise. Utilize all available, up-to-date information to inform your design

---

<div class="post-metadata">

**Author:** ![MrPickles](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/mrpickles/32/4181_2.png) [@MrPickles](https://forum.rabbitcommunity.tech/u/MrPickles)\
**Post date:** [November 15, 2024, 4:28pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/17 "2024-11-15T16:28:53Z")

</div>

Two more fun ones - AOL inspired for us old peeps, and a ui as if made by a child 😅

 ![IMG_20241115_112504265](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/b/b6027365dd51834e52ca03cb81ea8b2805ffa4f1.jpeg)

 ![IMG_20241115_110609078](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/0/064fc631553006f1a365a1ceb14e7f82850ce928.jpeg)

---

<div class="post-metadata">

**Author:** ![PaulBacon](https://avatars.discourse-cdn.com/v4/letter/p/58f4c7/32.png) [@PaulBacon](https://forum.rabbitcommunity.tech/u/PaulBacon)\
**Post date:** [November 15, 2024, 7:14pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/18 "2024-11-15T19:14:43Z")

</div>

![FullSizeRender](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/2/2fc2284c30fa505deaad8c093929df440298b47a.jpeg)  
 ![FullSizeRender](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/a/ad4e8e04b3a7c217245bf6e3fc8156be602f6cc4.jpeg)

you are a talented front-end UI designer, and you love vintage pinball machines and like your designs featuring pinball machine elements and neon style graphics.

---

<div class="post-metadata">

**Author:** ![Pozolo](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/pozolo/32/1396_2.png) [@Pozolo](https://forum.rabbitcommunity.tech/u/Pozolo)\
**Post date:** [November 15, 2024, 7:44pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/19 "2024-11-15T19:44:54Z")

</div>

![1000149698](https://us1.discourse-cdn.com/flex002/uploads/rabbit/original/2X/3/335e42ee222e3083b91c9601d21bd841d7a44c5c.jpeg)  
Win 95 style

---

<div class="post-metadata">

**Author:** ![gerhard.gruber](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.rabbitcommunity.tech/gerhard.gruber/32/5252_2.png) [@gerhard.gruber](https://forum.rabbitcommunity.tech/u/gerhard.gruber)\
**Post date:** [November 16, 2024, 1:08pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/20 "2024-11-16T13:08:46Z")

</div>

> [@simon](#):
>
> - long form conversation responses
> - LAM playground queries
> - Image search queries

Hi, you are saying, the generative UI will do “Image search queries” - In my promt I am saying “Search for various photos”, also tried “add photos”, but it didn´t add photos automatically. Only when I say “add photos” it works. So what can I do, please, do get always photos included in my questions? Thanks!

---

<div class="post-metadata">

**Author:** ![PaulBacon](https://avatars.discourse-cdn.com/v4/letter/p/58f4c7/32.png) [@PaulBacon](https://forum.rabbitcommunity.tech/u/PaulBacon)\
**Post date:** [November 16, 2024, 1:59pm UTC](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296/21 "2024-11-16T13:59:33Z")

</div>

You can prompt “always add photos or images with future responses”. This should work for a while. As with all preferences, it will probably not stick for very long though.

[Next page](https://forum.rabbitcommunity.tech/t/generative-ui-showcase-thread/14296.md?page=2)
