Describe what you need and genieUI composes it from real components in your design system: selectable, movable, and exportable. Using the AI model you configure.
Describe the screen you need…Generate TopAppBarCardTextFilterChipGroupListItemNavigationBar
TopAppBar
Card
Text
12 roasteries open now
FilterChipGroup
Filter coffeeEspressoSugar-freeTo go
ListItem
Sótano Café 220 m · Natural Ethiopia
Casa Molienda 480 m · Tasting at 6:00 PM
Puerto Verde 1.1 km · Medium roast
NavigationBar
DiscoverMapSaved
- Claude
- Codex
- Gemini
- OpenCode
- Grok
- Kimi
- DeepSeek
- Qwen
- GLM
- MiniMax
- Mistral
- Groq
Between a phrase and an interface lies a design decision: what the AI is allowed to invent. #
- 01Input### You make a wishOne sentence in natural language. The provider and model are the ones you configured in your workspace.
- 02Constraint### The genie chooses from registered componentsThe model does not reply with free-form HTML or CSS: it selects, configures, and positions registered components from your design system. That is why everything it creates remains editable.
- 03Output### You keep designingViews, layers, inspector, zoom, and direct manipulation. Once the interface is yours, export it.
What genieUI does not do
A genie with rules is more useful than one with imagination. #
- It does not return a screenshot. You get a component tree, not a PNG.
- It does not invent arbitrary HTML or CSS. Your registered component catalog is the genie’s boundary.
- It does not lock you into one AI provider. Switch models by task without rebuilding the project.
Hey, I’m AndyGeek #
Creator of genieUI
source & further reading
genieui.com — original article