On friday night, I was in the vision pro having a voice conversation with chatgpt.
The virtual environments are gorgeous
I felt inspired to prototype a transcription app I've been thinking about lately, starting with the user interface, using tailwind and nextjs.
But I'm in the vision pro, and not paired with my mac — I don't have a keyboard, vscode, or a terminal — how can I create it?
generative UI
We’re working on a tool called rendition. Rendition creates figma designs and code for user interfaces based on text prompts.
In the vision pro, I navigated to renditioncreate.com where I can describe a UI, and rendition will create a few versions for me.
But vision pro lacks a physical keyboard by default, and the virtual keyboard... kinda sucks. I didn't want to stare at virtual keys and click my fingers together 100 times to describe my component.
it’s alive!
Fortunately the vision pro makes voice-to-text a natural experience. I could speak the description of the UI I wanted to build in rendition.
it worked: after four prompts, I had a functional proof of concept for my UI.
Rendition added some nice touches, like creating an animation for streaming text, and hooked up the browser microphone api to capture my audio feed.
See the code for this UI
The next morning, I paired my mac to my vision pro and wrote the backend and AI functionality to create the full app.
voice coding with AI
I was surprised to be able to build a responsive, interactive UI that looked pretty good, with a few voice requests.
This experience was hard to imagine two years ago. Vision pro + AI allows me to create a decent looking, functional user interface just by talking about it. While feeling like I'm on a mountaintop, immersed in nature.
I won’t make voice coding my standard development approach — the power of a physical keyboard is a big deal — but with rendition’s AI assistant, voice coding worked great. The future is bright for creating software with AI.
next steps
Rendition creates figma designs and functional ui components from text descriptions.
We’re working to make it easier for anyone to design and build user interfaces with AI.
You can join our discord if you have any questions.
My next post will be a guide to designing and building UI with rendition.