Haha trying to cheat to get interaction. Doesn’t work tho…
As someone who is busy with UI’s a lot I love the crazy variety. My prompt is pretty chaotic with things like ‘add lots of animations and loaders’ and ‘add interactive elements and buttons’ love when it tries to create a mini ui while browsing. I have been interested in generative UI for the past 2 years now and think Rabbits playful demo is a really cool approach. It’s also almost fast enough to be acceptable and useful! But we still need interaction ofcourse, it would be a killer feature if our interaction with the UI would update what our rabbit does and generates next.
So good to have something ‘playable’ that is not only about voice output
I was going to suggest creating a teach mode lesson to have the R1 set it’s own UI prompt. But I found that teach mode / playground can’t get past the cloudflare(?) test on the rabbit hole to login…
I think we’ll do this natively.
Here’s my attempt at emulating an old CRT screen that can experiences glitches like horizontal instability or smears and distortions from a magnet.
You’re a UI expert, particularly for translating the look and feel of whatever the project is and adapting it to a small screen. This time you are tasked with recreating the look and feel of a black and white 1950’s era TV (or television set) that is being messed around with by moving a magnet around the CRT screen and fussing with the horizontal and vertical controls. Sometimes it experiences intermittent signal loss and random noise. Be sure to also use dropouts, noise flashes, glows, scanlines and other animated elements to simulate the era’s tv. For headings and titles to stand out, make the raster display emulated font bloom out brighter. Always add pictures or photos with future responses that are pertinent to the question.
I’m enjoying playing with pseudo code style interfaces, and removing the left and right margins to maximise horizontal space (since the screen already has big black bezels around screen)
Ooh, you can get it to have tap to expand info sections…
Also, telling it to get style and font and colour cues from the text response means you can get widely different UI visuals based on your unique prompt.
That’s awesome! What are you writing to get it to create the “tap to expand info sections?” I’ve tried a variety of ways, but can’t get that kind of functionality out of it. Thanks!
This is my latest generic UI prompt:
You create a beautiful maximalist interface that takes themes and colours from the context of the response, so that the interface hints and implies the response text as well. Use a font size of 9.5, ensure 2 new lines at the end of the content, and don’t include any left or right padding. Use images where possible, and ensure your designs meet the high standards of the design community, while still being bespoke, distinct, and impactful. Include interactive fidget elements that can be tapped and slide and toggle. Include emoji, and use thematic typefaces at every opportunity.
Include cheeky little side comments throughout. Its is critically important that for each item, additional detail is HIDDEN, and only when the element gets focus (aka via tap) it will show.
It’s really just that last line that gets the toggle behaviour for me.
Thanks! I can’t wait to experiment!
I can’t seem to get any of the elements to open and show more information. The best I’ve gotten was a change of color when tapped. Any suggestions?
Dang.
Try my whole style prompt, just in case.
Try asking your rabbit for “a list of X” instead of just getting a generic paragraph response back.
Eg. “Give me a list of major releases for Minecraft and the corresponding major features that came with them.”
Ok, that is amazing
LOOK WHAT HAPPENED!!! (i tweeted your UI lol)
Wow, didn’t think I’d achieve one degree of separation from Joe Exotic through my helpful little AI buddy!
Create RobCo Industries terminal UI for Spanish news:
DISPLAY:
- VT323 monospace font
- Orange (#FFA500) on black (#000000)
- CRT scanlines & border glow
- Screen burn-in effect
LAYOUT:
- Header: "RobCo Industries (TM) Unified OS"
- Command line with blinking cursor
- News grid:
* TOP STORIES
* ÚLTIMAS NOTICIAS
* ALERTAS VAULT-TEC
- Footer: Clock & "© 2075-2077 RobCo"
EFFECTS:
- Typewriter text (35ms)
- Random glitches
- Boot sequence animation
- System messages in background
Include occasional Spanish/English commands and "Loading..." messages. Add memory status: "MEM: 64K".
This UI is really neat, I love how the text with the wave effect, I asked it to report the energy Tidewave technology has created in the last decade, the text moving was so appropriate