01Κόμβος επαγγελματιών · Generative UI
Κατασκευάζουμε AI Διεπαφές που βγαίνουν σε παραγωγή.
Συμβουλευτικές υπηρεσίες και ανάπτυξη Generative UI για ομάδες που χρειάζονται AI λειτουργίες σε παραγωγή — όχι demos. Streaming components, ροές tool-use, agentic workflows, ολοκληρωμένη παράδοση.
02Αρχές
What is generative UI?
Generative UI is interfaces produced by language models at runtime. Components are streamed from LLM output and rendered as real UI, not text. The model picks the form alongside the content: a chart for numbers, a form for input, a list for choices.
Το μοντέλο επιλέγει τη μορφή
Διάγραμμα για αριθμούς, φόρμα για εισαγωγή, λίστα για επιλογές.
Στοιχεία από τη βιβλιοθήκη σας
Το μοντέλο δεν γράφει HTML ή JSX — επιλέγει από τη βιβλιοθήκη σας.
Streaming, όχι κείμενο
Τα διαδραστικά στοιχεία εμφανίζονται ως πραγματικό UI, όχι ως κείμενο.
Αλλαγές μέσω prompt
Οι αλλαγές κυκλοφορούν επεξεργάζοντας το prompt ή τον κατάλογο.
Traditional UI
Generative UI
Form chosen by the designer at build time
Form chosen by the model at inference time
Static templates, deterministic outcomes
Runtime components, probabilistic outcomes
Same screen for every user, every request
Different shape per user, per request
Changes ship through a release cycle
Changes ship by editing the prompt or the catalog
03Νέο
Latest
What we published most recently.
Τι είναι το Generative UI; Ο πλήρης οδηγός
Όλα όσα πρέπει να γνωρίζετε για συστήματα τεχνητής νοημοσύνης που παράγουν διαδραστικά συστατικά UI, όχι μόνο κείμενο.Generative UI έναντι παραδοσιακού UI: Βασικές διαφορές
Πώς οι γενετικές διεπαφές διαφέρουν από τα συμβατικά UI και πότε κάθε προσέγγιση έχει νόημα.Κατασκευή του πρώτου σας Generative UI με το Vercel AI SDK
Βήμα-βήμα οδηγός για τη δημιουργία της πρώτης σας διεπαφής με τεχνητή νοημοσύνη και streaming συστατικά.04Οδηγός πεδίου
Field guide
Six tracks across the generative-UI landscape. Pick by where you are — engineer mid-build, designer mapping patterns, PM evaluating, or executive sizing the bet.
Runtimes & SDKs
Vercel AI SDK, CopilotKit, Tambo, Thesys C1, A2UI — how each one streams components, where the seams are, and what production looks like.
Patterns & components
Interaction patterns for LLM-rendered UI — disclosure, repair flows, tool confirmations, and the design questions GenUI raises.
Designers · EngineersProduction engineering
Observability, performance, testing, accessibility. What it takes to put a streaming, LLM-rendered interface in front of users and keep it up.
EngineersRAG & tool use
Retrieval-augmented generation, tool calling, agent workflows. Patterns that move generative UI past static catalogs into real action.
EngineersState of the field
Market state, vendor landscape, adoption curves. What is and isn't shipping in production right now — for evaluation, scoping, and bets.
PMs · Executives · ConsultantsGetting started
What generative UI is, who it's for, when it makes sense to adopt. The entry-level primer for anyone new to the term.
Written for engineers, designers, product managers, and executives working on or evaluating generative UI. Topic-organised navigation and per-role filters are on the roadmap.
05Κατάσταση
State of generative UI — runtimes at a glance
Five production-grade options, compared on stack, streaming model, openness, and maturity.
| Runtime | Ωριμότητα | Περίληψη |
|---|---|---|
| Vercel AI SDK | Mature | Streaming React/Vue components with first-class tool use. The default for new Next.js and Nuxt apps. |
| CopilotKit | Maturing | Drop-in copilot hooks and UI primitives. Strong for adding an assistant to an existing app. |
| Tambo | Early | Component catalog the model picks from. Useful when the design system is the unit of generation. |
| Thesys C1 | Maturing | Hosted API that returns ready-to-render UI. Trades infra ownership for time-to-first-screen. |
| A2UI (Google) | Early | Open JSON schema for renderer-agnostic UI from agents. Cross-runtime, very early. |
Ανοιχτός κώδικας
Markdown σε streaming χωρίς τρεμόπαιγμα
Οι απλοί renderers με innerHTML ξηλώνουν το DOM σε κάθε token — προκαλώντας τρεμόπαιγμα, απώλεια focus και layout thrash. Το Generative DOM συγκρίνει το AST και ενημερώνει μόνο ό,τι άλλαξε: έως 90× λιγότερη εργασία στο DOM, χωρίς τρεμόπαιγμα.
userδείξε τις πωλήσεις Q1
modeltool · revenueChart({range:"Q1",currency:"RUB"})
dom<RevenueChart/> — εγκαταστάθηκε
dom<FilterPanel/> — εγκαταστάθηκε
diffμόνο αλλαγμένοι κόμβοι · χωρίς τρεμόπαιγμα
07Ανοιχτός κώδικας
Web components που τα LLM μπορούν πραγματικά να συνθέσουν
Πάνω από 100 framework-agnostic tags — επιφάνειες chat, γραφήματα, μήτρες απόφασης, εκπαιδευτικά widgets — καθένα φέρει ένα validated meta.json: props, events, slots, themes και dependencies ως machine-readable JSON. Το μοντέλο βλέπει τον κατάλογο όπως ένας developer και επιλέγει το σωστό primitive για τα δεδομένα που πρόκειται να renderάρει.
Κατάλογος: 100+ tags · meta.json στο καθένα.