thesysdev/openui
Openui
OpenUI este un framework de dezvoltare UI generativ care convertește descrierile în limbaj natural în componente de interfață cu utilizatorul structurate și interactive, folosind modele de limbaj mari. Acesta permite transformarea în timp real a textului în prototipuri funcționale, cum ar fi grafice, tabele, formulare și carduri.
Proiectul se distinge printr-un sistem de orchestrare bazat pe schemă care utilizează primitive UI tipizate și scheme JSON pentru a constrânge output-ul modelului, asigurându-se că interfețele generate respectă bibliotecile de componente specifice. Dispune de un parser de streaming care permite randarea progresivă a componentelor, afișând elementele de interfață incremental pe măsură ce sosesc token-urile, în loc să aștepte un răspuns complet.
Sistemul acoperă capabilități largi, inclusiv streaming de răspunsuri AI prin adaptoare compatibile cu OpenAI, gestionarea stării chat-ului pentru firele de conversație și generarea automată a prompturilor de sistem. Include, de asemenea, instrumente pentru transformarea arborilor de componente structurate în HTML static pentru export prin e-mail și o interfață de linie de comandă pentru scaffolding-ul proiectului.
Este furnizat un renderer UI încorporat pentru a afișa interfețe în medii fără un pipeline de build tradițional.
Features
- Natural Language Interface Generators - Creates interactive user interfaces that are generated in real time from natural language using LLMs.
- Natural Language UI Synthesis - Converts natural language descriptions into interactive user interface components using a streaming generative process.
- Component Library Integrations - Provides tools to define typed UI primitives and schemas that integrate component libraries with AI agents.
- System Prompt Generation - Constructs detailed model instructions by iterating through component library definitions and constraints.
- LLM Integration Layers - Connects OpenAI-compatible APIs to a standardized logic layer for managing chat state and threads.
- Progressive Rendering Streams - Parses and displays structured interface elements incrementally as they are streamed from an AI provider.
- Incremental JSON Parsing - Converts raw AI model text into structured component data using incremental streaming parsers.
- Structured AI Output Streams - Streams structured AI output to the UI in real-time, rendering partial results before the full response completes.
- Prompt Generation - Automatically creates system instructions and schemas based on component library definitions to guide the model.
- Schema-Driven AI Orchestration - Defines typed UI schemas and system prompts to constrain model output to a specific library of components.
- Schema-Driven Component Libraries - Maps UI components to structured schemas with prop definitions so models can invoke them correctly.
- Natural Language Prototyping Tools - Transforms natural language descriptions into functional UI prototypes for rapid iteration.
- Output Constraint Mapping - Maps UI primitives to structured JSON schemas that constrain model output to valid property types.
- Generative UI Components - Translates generated language output into interactive components like charts, tables, forms, and cards.
- AI Output Validation - Constrains AI model output to a predefined set of components and typed contracts to ensure valid rendering.
- OpenAI-Compatible APIs - Standardizes diverse LLM provider responses into a common OpenAI-compatible internal format.
- Chat State Management - Provides a headless logic layer for managing conversation threads, message lists, and streaming status.
- Conversation State Managers - Tracks chat history and session metadata through a logic layer decoupled from the visual presentation.
- Conversation Threads - Tracks multiple chat sessions to allow users to create, switch, and paginate through a history of conversations.
- API Format Standardizers - Translates diverse LLM API specifications into a standardized internal format for cross-provider compatibility.
- LLM Provider Integrations - Integrates with diverse AI services using OpenAI-compatible APIs via configurable base URLs.
- JSON Schema Generators - Generates JSON schema representations of component libraries for use in external tool definitions.
- Chat Interface Layouts - Provides layout structures for full-screen conversations, side-panel copilots, and collapsible bottom trays.
- Form State Management - Tracks field values, handles defaults, and triggers action events within generated form components.
- Statement Matching Merges - Integrates partial updates into existing interfaces by matching statements to allow for iterative AI refinements.
- UI Primitives - Provides a library of standard interface elements including layout blocks, data display tools, and form controls.
- Reactive Expression Evaluation - Computes values for UI elements at runtime by processing abstract syntax tree nodes and query results.
- Project Boilerplates - Generative UI chatbot template.
