OpenUI

Mis on OpenUI?

OpenUI on avatud lähtekoodiga standard ja tööriistakomplekt, mis võimaldab AI-rakendustel vastata interaktiivsete kasutajaliidese komponentidega – kaardid, tabelid, vormid, diagrammid ja palju muud – mitte lihtsalt tavalise tekstiga. Selle asemel, et sundida AI-mudeleid väljastama töötlemata JSON-i või Markdowni, määratleb OpenUI kerge, voogedastuseks sobiva keele (OpenUI Lang), mida iga LLM suudab genereerida. Kliendipoolne renderdaja analüüsib seda keelt ja muudab selle reaalseteks, interaktiivseteks React komponentideks. Tulemuseks on token-tõhus torustik, mis töötab iga suurema AI-mudeliga – GPT, Claude, Gemini, Mistral, DeepSeek – ja integreerub agentraamistikega nagu Vercel AI SDK, LangChain, CrewAI ja OpenAI Agents SDK.

Kellele see on mõeldud

• AI-toega rakendusi ehitavad esiarendajad – Soovite, et teie AI tagastaks viimistletud, interaktiivseid kasutajaliideseid (karussellid, töölauad, broneerimiskaardid) ilma kohandatud parserite kirjutamise või JSON-i renderdamisega maadlemata.
• Vestlusliideseid turule toovad tootemeeskonnad – Vajate standardset viisi, kuidas panna vestlusrobotid, kaaspiloodid ja agendid vastama rikkalike, reaktiivsete komponentidega, mis tunduvad teie disainisüsteemile omased.
• Generatiivse kasutajaliidesega eksperimenteerivad AI/ML-insenerid – Soovite testida, kuidas erinevad mudelid struktureeritud kasutajaliidese genereerimisega hakkama saavad, ning vajate turvalist, voogedastuseks valmis vormingut, mis väldib suvalist koodi käivitamist.

Peamised omadused

Määratlege oma komponendikogu

Registreerite komponendid, kasutades defineComponent ja createLibrary funktsioone paketist @openuidev/react-lang. Iga komponent saab oma atribuutide jaoks Zod skeemi, nii et AI teab täpselt, milliseid andmeid esitada. Saate ehitada teegi nullist või mähkida olemasolevaid kasutajaliidese teeke nagu ShadCN, Material Design, DaisyUI või Base UI.

OpenUI genereerib süsteemipäringu automaatselt

Kui olete oma teegi määratlenud, konstrueerib OpenUI süsteemipäringu, mis ütleb LLM-ile, kuidas OpenUI Lang keeles vastata. Pole vaja käsitsi päringutehnikat – lihtsalt registreerige oma komponendid ja tööriistakomplekt hoolitseb ülejäänu eest.

LLM vastab OpenUI Lang keeles

Mudel väljastab kompaktse, token-tõhusa keele, mis kirjeldab kasutajaliidese struktuuri. See vorming kasutab kuni 67,1% vähem tokeneid kui samaväärne JSON-i renderdamine, mis tähendab kiiremaid vastuseid ja madalamaid kulusid.

Renderdaja analüüsib ja renderdab kasutajaliidest reaalajas

Kliendipoolne renderdaja tõlgendab OpenUI Lang voogu ja renderdab vastavad React komponendid nende saabumisel. Renderdamine on 3 korda kiirem kui JSON-põhised alternatiivid, toetab loomulikku voogedastust ning hoiab kasutajaliidese interaktiivsena reaktiivse oleku, sisendite ja tööriistadega ühendatud toimingute abil.

Mis paistab silma

OpenUI muudab AI väljundi reaalseteks, interaktiivseteks kasutajaliidese komponentideks – ilma JSON-i paisumise või kohandatud parseriteta.

Enamik generatiivse kasutajaliidese lähenemisviise sunnib LLM-i väljastama üksikasjalikku JSON-i, mis on aeglane, token-mahukas ja raskesti voogedastatav. OpenUI asendab selle otstarbekohase keelega, mis on voogedastuseks loodud ja token-tõhus. Sama torustik töötab React, React Native ja Vue keskkondades ning integreerub reaalajas andmeallikatega tööriistade ja MCP-serverite kaudu. Turvalisus on sisse ehitatud: pole suvalist koodi käivitamist, ainult struktureeritud komponentide väljakutsed.

Tasub uurida, kui…

Ehitate AI-toega rakendust, mis peab minema tekstivastustest kaugemale. Kui soovite, et teie vestlusrobot näitaks hotellide karusselli broneerimisnuppudega, reaalajas töölauda otseandmetega või mitmeastmelist vormi, mis uuendub kasutaja suhtluse ajal, annab OpenUI teile selleks standardse viisi. See on eriti kasulik, kui kasutate juba raamistikke nagu Vercel AI SDK või LangChain ning soovite lisada rikkalikku kasutajaliidese väljundit ilma ratast uuesti leiutamata.