OpenIntelligentUI

Intelligent UI allows your agents to answer quickly with fully interactive user interfaces. - make everyday answers more visual - learn complex topics easier - quickly create tools that solve a task Try the starter template: CopilotKit/OpenIntelligentUI t.co

Open Intelligent UI: Answers you can interact with (3.5k stars) What it does All text below is quoted directly from the project README. >Open-Source Generative UI Framework Overview: - Understand: explore a mechanism, step through an explanation, or change a variable. - Compare: examine criteria, assumptions, and tradeoffs side by side. - Make a tool: use a calculator, planner, or interactive model with working controls. Try it: - Animate a coastal trip: a real USGS map with numbered pins, credited destination photos, and a six-second pin-drop sequence. Pause, replay, or select a stop. Connections are illustrative, not verified driving directions. - Pitch, Roll & Yaw: rotate a 3D airplane with labeled axes, angle controls, smooth demonstrations, and reset. - Find your kind of weekend: compare trip ideas and adjust your preferences. - Split the bill fairly: change the total, tip, and group size in a working calculator. >Prerequisites: Node.js 22+, pnpm 9+, Python 3.12+, and uv. git clone https://github.com/CopilotKit/OpenIntelligentUI.git && cd OpenIntelligentUI && make setup && make dev Repository CopilotKit/OpenIntelligentUI Repository stats |Metric|Value| |:-|:-| |Stars|3,459| |Forks|386| |Last release|None| |Languages|TypeScript 69.3%, Python 24%, CSS 6.2%| |Contributors|6| |AI contributor accounts (Claude / Codex / Cursor / Copilot)|claude: 28| |AI co-authored commits|Claude: 25| Main contributor |Field|Value| |:-|:-| |Name|Jerel Velarde| |GitHub|@jerelvelarde| |Commits to this repo|109 (top contributor)| |Bio|A Product Leader building stuff with AI| |Followers|171| ────────────────────────────── 📌 How many great GitHub repos have you discovered and completely forgotten about? Don't let another useful tool disappear into your Reddit feed. Get the community's best repos, organized by category, plus key takeaways from real developer discussions, delivered to your inbox twice a week. 📬 Never lose track of great repos again. Subscribe free.

Open Intelligent UI: The Open Source Version of ChatGPT’s Intelligent UI, Full Setup, Architecture OpenAI’s Intelligent UI lets GPT 6 answer with charts, diagrams, maps and working tools instead of plain text. Open Intelligent UI is an MIT licensed project from CopilotKit that brings the same idea to your own apps, using an OpenAI or Claude model for answers and TypeSafe’s Jev model to choose how each answer is displayed. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [ar] واجهة المستخدم الذكية المفتوحة: النسخة مفتوحة المصدر من واجهة مستخدم ChatGPT الذكية، الإعداد الكا... تتيح واجهة المستخدم الذكية من OpenAI لنموذج GPT 6 الإجابة باستخدام الرسوم البيانية والمخططات والخرائط وأدوات العمل بدلاً من النصوص العادية. OpenIntelligentUI هو مشروع مرخص بموجب ترخيص MIT من CopilotKit، ويُطبّق الفكرة نفسها على تطبيقاتك، باستخدام نموذج OpenAI أو Claude للإجابات، ونموذج Jev من TypeSafe لاختيار طريقة عرض كل إجابة. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [bn] ওপেন ইন্টেলিজেন্ট ইউআই (Open Intelligent UI): চ্যাটজিপিটি (ChatGPT)-এর ইন্টেলিজেন্ট ইউআই-এর ওপেন ... OpenAI-এর ইন্টেলিজেন্ট UI, GPT 6-কে সাধারণ টেক্সটের পরিবর্তে চার্ট, ডায়াগ্রাম, ম্যাপ এবং কার্যকরী টুলের মাধ্যমে উত্তর দিতে সাহায্য করে। Open Intelligent UI হলো CopilotKit-এর একটি MIT লাইসেন্সপ্রাপ্ত প্রজেক্ট, যা উত্তরের জন্য OpenAI বা Claude মডেল এবং প্রতিটি উত্তর কীভাবে প্রদর্শিত হবে তা বেছে নেওয়ার জন্য TypeSafe-এর Jev মডেল ব্যবহার করে একই ধারণাটি আপনার নিজের অ্যাপে নিয়ে আসে। GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [de-DE] Open Intelligent UI: Die Open-Source-Version von ChatGPTs Intelligent UI, vollständiges Setup, Ar... OpenAIs Intelligent UI ermöglicht es GPT-6, Antworten mithilfe von Diagrammen, Karten und praktischen Werkzeugen anstelle von einfachem Text zu liefern. Open Intelligent UI ist ein MIT-lizenziertes Projekt von CopilotKit, das diese Idee in Ihre eigenen Apps integriert. Es verwendet ein OpenAI- oder Claude-Modell für die Antworten und das Jev-Modell von TypeSafe, um die Darstellung der einzelnen Antworten festzulegen. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [es-US] Open Intelligent UI: La versión de código abierto de la interfaz de usuario inteligente de ChatGP... La interfaz de usuario inteligente de OpenAI permite que GPT-6 responda con gráficos, diagramas, mapas y herramientas de trabajo en lugar de texto plano. Open Intelligent UI es un proyecto con licencia MIT de CopilotKit que traslada esta misma idea a tus propias aplicaciones, utilizando un modelo de OpenAI o Claude para las respuestas y el modelo Jev de TypeSafe para elegir cómo se muestra cada respuesta. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [fr-FR] Open Intelligent UI : La version open source de l'interface intelligente de ChatGPT, configuratio... L'interface utilisateur intelligente d'OpenAI permet à GPT-6 de répondre avec des graphiques, des diagrammes, des cartes et des outils fonctionnels plutôt qu'avec du texte brut. Open Intelligent UI est un projet sous licence MIT de CopilotKit qui transpose ce concept à vos propres applications, en utilisant un modèle OpenAI ou Claude pour les réponses et le modèle Jev de TypeSafe pour déterminer l'affichage de chaque réponse. GitHub : CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [hi] Open Intelligent UI: ChatGPT के Intelligent UI का ओपन सोर्स वर्ज़न, पूरा सेटअप और आर्किटेक्चर OpenAI का इंटेलिजेंट UI, GPT 6 को सादे टेक्स्ट के बजाय चार्ट, डायग्राम, मैप और वर्किंग टूल्स के साथ उत्तर देने की सुविधा देता है। Open इंटेलिजेंट UI, CopilotKit का एक MIT लाइसेंस प्राप्त प्रोजेक्ट है जो इसी अवधारणा को आपके अपने ऐप्स में लाता है। यह उत्तरों के लिए OpenAI या Claude मॉडल और प्रत्येक उत्तर को प्रदर्शित करने के तरीके को चुनने के लिए TypeSafe के Jev मॉडल का उपयोग करता है। GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [id] Open Intelligent UI: Versi Open Source dari Intelligent UI ChatGPT, Pengaturan Lengkap, Arsitektur OpenAI Intelligent UI memungkinkan GPT 6 menjawab dengan grafik, diagram, peta, dan alat bantu kerja, bukan teks biasa. Open Intelligent UI adalah proyek berlisensi MIT dari CopilotKit yang menghadirkan ide yang sama ke aplikasi Anda sendiri, menggunakan model OpenAI atau Claude untuk jawaban dan model Jev dari TypeSafe untuk memilih bagaimana setiap jawaban ditampilkan. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [it] Open Intelligent UI: La versione open source dell'Intelligent UI di ChatGPT, configurazione compl... L'interfaccia utente intelligente di OpenAI permette a GPT 6 di rispondere con grafici, diagrammi, mappe e strumenti interattivi anziché con semplice testo. Open Intelligent UI è un progetto con licenza MIT di CopilotKit che applica la stessa idea alle tue app, utilizzando un modello OpenAI o Claude per le risposte e il modello Jev di TypeSafe per scegliere come visualizzare ciascuna risposta. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [iw] Open Intelligent UI: הגרסה בקוד פתוח של הממשק החכם של ChatGPT, הגדרה מלאה, ארכיטקטורה ממשק המשתמש החכם של OpenAI מאפשר ל-GPT 6 לענות באמצעות תרשימים, דיאגרמות, מפות וכלי עבודה במקום טקסט רגיל. Open Intelligent UI הוא פרויקט מורשה של MIT מבית CopilotKit שמביא את אותו רעיון לאפליקציות שלכם, תוך שימוש במודל OpenAI או Claude לתשובות ובמודל Jev של TypeSafe כדי לבחור כיצד כל תשובה מוצגת. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [ja] Open Intelligent UI：ChatGPTのIntelligent UIのオープンソース版、完全セットアップとアーキテクチャ OpenAIのインテリジェントUIは、GPT-6がプレーンテキストではなく、チャート、図表、地図、作業ツールを使って回答できるようにします。Open Intelligent UIは、CopilotKitによるMITライセンスのプロジェクトで、OpenAIまたはClaudeモデルを回答に、TypeSafeのJevモデルを各回答の表示方法の選択に使用することで、同様のアイデアを独自のアプリにもたらします。 GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [ko] Open Intelligent UI: ChatGPT 지능형 UI의 오픈 소스 버전, 전체 설정 및 아키텍처 OpenAI의 Intelligent UI는 GPT 6가 일반 텍스트 대신 차트, 다이어그램, 지도 및 작업 도구를 사용하여 답변할 수 있도록 합니다. Open Intelligent UI는 CopilotKit에서 개발한 MIT 라이선스 프로젝트로, OpenAI 또는 Claude 모델을 사용하여 답변을 생성하고 TypeSafe의 Jev 모델을 사용하여 각 답변의 표시 방식을 선택함으로써 동일한 아이디어를 여러분의 앱에도 적용할 수 있도록 합니다. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [ml] ഓപ്പൺ ഇന്റലിജന്റ് UI: ചാറ്റ്ജിപിടിയുടെ (ChatGPT) ഇന്റലിജന്റ് UI-യുടെ ഓപ്പൺ സോഴ്‌സ് പതിപ്പ്, പൂർണ്... ഓപ്പൺഎഐയുടെ ഇന്റലിജന്റ് യുഐ, പ്ലെയിൻ ടെക്സ്റ്റിന് പകരം ചാർട്ടുകൾ, ഡയഗ്രമുകൾ, മാപ്പുകൾ, വർക്കിംഗ് ടൂളുകൾ എന്നിവ ഉപയോഗിച്ച് ജിപിടി 6 ന് ഉത്തരം നൽകാൻ അനുവദിക്കുന്നു. കോപൈലറ്റ്കിറ്റിൽ നിന്നുള്ള എംഐടി ലൈസൻസുള്ള ഒരു പ്രോജക്റ്റാണ് ഓപ്പൺ ഇന്റലിജന്റ് യുഐ, ഇത് നിങ്ങളുടെ സ്വന്തം ആപ്പുകളിലേക്ക് ഇതേ ആശയം കൊണ്ടുവരുന്നു, ഉത്തരങ്ങൾക്കായി ഒരു ഓപ്പൺഎഐ അല്ലെങ്കിൽ ക്ലോഡ് മോഡലും ഓരോ ഉത്തരവും എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് തിരഞ്ഞെടുക്കാൻ ടൈപ്പ്സേഫിന്റെ ജെവ് മോഡലും ഉപയോഗിക്കുന്നു. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [nl-NL] Open Intelligent UI: De open-sourceversie van ChatGPT’s Intelligent UI, volledige installatie, ar... OpenAI's Intelligent UI maakt het mogelijk om GPT 6 te laten antwoorden met grafieken, diagrammen, kaarten en tools in plaats van platte tekst. Open Intelligent UI is een MIT-gelicentieerd project van CopilotKit dat hetzelfde idee naar je eigen apps brengt, waarbij een OpenAI- of Claude-model wordt gebruikt voor antwoorden en TypeSafe's Jev-model om te bepalen hoe elk antwoord wordt weergegeven. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [pa] ਓਪਨ ਇੰਟੈਲੀਜੈਂਟ UI: ChatGPT ਦੇ ਇੰਟੈਲੀਜੈਂਟ UI ਦਾ ਓਪਨ ਸੋਰਸ ਵਰਜ਼ਨ, ਪੂਰਾ ਸੈੱਟਅੱਪ, ਆਰਕੀਟੈਕਚਰ ਓਪਨਏਆਈ ਦਾ ਇੰਟੈਲੀਜੈਂਟ UI GPT 6 ਨੂੰ ਸਾਦੇ ਟੈਕਸਟ ਦੀ ਬਜਾਏ ਚਾਰਟ, ਡਾਇਗ੍ਰਾਮ, ਨਕਸ਼ੇ ਅਤੇ ਵਰਕਿੰਗ ਟੂਲਸ ਨਾਲ ਜਵਾਬ ਦੇਣ ਦਿੰਦਾ ਹੈ। ਓਪਨ ਇੰਟੈਲੀਜੈਂਟ UI CopilotKit ਦਾ ਇੱਕ MIT ਲਾਇਸੰਸਸ਼ੁਦਾ ਪ੍ਰੋਜੈਕਟ ਹੈ ਜੋ ਤੁਹਾਡੀਆਂ ਆਪਣੀਆਂ ਐਪਾਂ ਵਿੱਚ ਉਹੀ ਵਿਚਾਰ ਲਿਆਉਂਦਾ ਹੈ, ਜਵਾਬਾਂ ਲਈ ਇੱਕ OpenAI ਜਾਂ Claude ਮਾਡਲ ਅਤੇ ਟਾਈਪਸੇਫ ਦੇ Jev ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹਰੇਕ ਜਵਾਬ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇ ਇਹ ਚੁਣਨ ਲਈ। GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [pl] Open Intelligent UI: Otwartoźródłowa wersja inteligentnego interfejsu ChatGPT, pełna konfiguracja... Inteligentny interfejs użytkownika OpenAI pozwala na udzielanie odpowiedzi w GPT 6 za pomocą wykresów, diagramów, map i narzędzi roboczych zamiast zwykłego tekstu. Open Intelligent UI to projekt CopilotKit na licencji MIT, który przenosi tę samą ideę do własnych aplikacji, wykorzystując model OpenAI lub Claude do udzielania odpowiedzi oraz model Jev TypeSafe do wyboru sposobu wyświetlania każdej odpowiedzi. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [pt-BR] Open Intelligent UI: A Versão Open Source da Interface Inteligente do ChatGPT, Configuração Compl... A interface inteligente da OpenAI permite que o GPT-6 responda com gráficos, diagramas, mapas e ferramentas funcionais em vez de texto simples. O Open Intelligent UI é um projeto licenciado pelo MIT da CopilotKit que leva a mesma ideia para seus próprios aplicativos, usando um modelo da OpenAI ou do Claude para as respostas e o modelo Jev da TypeSafe para escolher como cada resposta é exibida. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [ru] Open Intelligent UI: open-source версия «умного» интерфейса ChatGPT, полная настройка и архитектура OpenIntelligentUI от OpenAI позволяет GPT 6 отвечать с помощью диаграмм, графиков, карт и инструментов вместо обычного текста. OpenIntelligentUI — это проект CopilotKit, распространяемый по лицензии MIT, который переносит ту же идею в ваши собственные приложения, используя модель OpenAI или Claude для ответов и модель Jev от TypeSafe для выбора способа отображения каждого ответа. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [ta] Open Intelligent UI: ChatGPT-இன் Intelligent UI-இன் திறந்த மூல பதிப்பு (Open Source Version), முழ... OpenAI-இன் நுண்ணறிவு பயனர் இடைமுகம் (Intelligent UI), GPT 6-இல் வெறும் உரைக்குப் பதிலாக விளக்கப்படங்கள், வரைபடங்கள், நிலப்படங்கள் மற்றும் செயல்பாட்டுக் கருவிகளைக் கொண்டு பதிலளிக்க உதவுகிறது. Open Intelligent UI என்பது CopilotKit-இன் ஒரு MIT உரிமம் பெற்ற திட்டமாகும். இது, பதில்களுக்காக OpenAI அல்லது Claude மாதிரியையும், ஒவ்வொரு பதிலும் எவ்வாறு காட்டப்பட வேண்டும் என்பதைத் தேர்ந்தெடுக்க TypeSafe-இன் Jev மாதிரியையும் பயன்படுத்தி, அதே கருத்தை உங்கள் சொந்த செயலிகளுக்கும் கொண்டுவருகிறது. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [te] ఓపెన్ ఇంటెలిజెంట్ యూఐ: చాట్ జిపిటి (ChatGPT) యొక్క ఇంటెలిజెంట్ యూఐకి ఓపెన్ సోర్స్ వెర్షన్, పూర్తి... OpenAI యొక్క ఇంటెలిజెంట్ UI, GPT 6 కు సాదా టెక్స్ట్‌కు బదులుగా చార్ట్‌లు, రేఖాచిత్రాలు, మ్యాప్‌లు మరియు పని చేసే సాధనాలతో సమాధానాలు ఇవ్వడానికి వీలు కల్పిస్తుంది. ఓపెన్ ఇంటెలిజెంట్ UI అనేది CopilotKit నుండి వచ్చిన ఒక MIT లైసెన్స్ పొందిన ప్రాజెక్ట్. ఇది సమాధానాల కోసం OpenAI లేదా Claude మోడల్‌ను, మరియు ప్రతి సమాధానం ఎలా ప్రదర్శించబడాలో ఎంచుకోవడానికి TypeSafe యొక్క Jev మోడల్‌ను ఉపయోగించి, అదే ఆలోచనను మీ స్వంత యాప్‌లకు అందిస్తుంది. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT [uk] Open Intelligent UI: Open-source версія Intelligent UI від ChatGPT, повне налаштування, архітектура Інтелектуальний інтерфейс користувача OpenAI дозволяє GPT 6 відповідати за допомогою діаграм, схем, карт та робочих інструментів замість звичайного тексту. Open Intelligent UI – це ліцензований MIT проект від CopilotKit, який втілює ту саму ідею у ваших власних додатках, використовуючи модель OpenAI або Claude для відповідей та модель Jev від TypeSafe для вибору способу відображення кожної відповіді. GitHub: CopilotKit/OpenIntelligentUI #OpenIntelligentUI #GenerativeUI #GPT6 #CopilotKit #ChatGPT

This is the best OS version of OpenAI's Intelligent UI And it's been around for months... Repo (⭐3K): CopilotKit/OpenIntelligentUI t.co

OpenIntelligentUI GitHub Overview: Dual-Model Routing and Sandboxed Generative UI openintelligentui by copilotkit: copilotkit/openintelligentui OpenIntelligentUI is a self-hostable CopilotKit framework for turning language-model responses into interactive generative UI. This overview covers the local runtime stack—Node 22+, pnpm 9, Python 3.12, and uv—then maps the split between the TypeSafe Jev router and the answer model. It also shows the setup and environment-configuration flow, service ports, and a bill-splitting example rendered progressively inside an isolated sandbox. The walkthrough highlights the tradeoffs: provider usage is billed to configured accounts, generated interfaces are non-deterministic, and the default Python agent keeps thread checkpoints in process memory. The result is a clear picture of where the Next.js frontend, FastAPI agent, model routing, and sandboxed HTML/CSS/JavaScript meet, plus the limitations to consider before adapting the repository to a larger application. TimeStamps: 0:00 Generative UI and the OpenIntelligentUI premise 0:39 Runtime prerequisites and provider requirements 1:12 Dual-model routing: Jev Router and answer model 2:01 Repository setup and the uv-backed Python environment 2:30 Environment credentials and model configuration 2:50 Launching the Next.js and FastAPI services 3:15 Bill-splitting validation example 3:44 Progressive sandbox rendering and isolation 4:24 Dynamic application generation and its limits 4:36 In-process memory and disconnected state 4:56 Extending the framework with custom interactive widgets 🧩 Dual-model routing separates intent selection from UI generation 🛠️ Node, pnpm, Python, and uv form the local runtime stack 🧮 A bill-splitting utility demonstrates interactive sandbox output ⚠️ In-process checkpoints make restarts and multiple windows a limitation For developers evaluating agentic generative UI, OpenIntelligentUI connects a Next.js surface to a FastAPI and LangGraph backend while keeping generated HTML, CSS, and JavaScript inside a restricted iframe. Its main tradeoffs are provider cost, non-deterministic design, and process-bound conversation state. #OpenIntelligentUI #GenerativeUI #CopilotKit [de-DE] YNAS ynp_559ffebb9ca97ae0 Cinematic Privater automatisierter Staging-Upload. Paketidentität: ynp_559ffebb9ca97ae0; Ausgabe: cinematic. [es-US] Cinemática YNAS ynp_559ffebb9ca97ae0 Carga de entorno de automatización privado. Identidad del paquete: ynp_559ffebb9ca97ae0; salida: cinematográfica. [fr-FR] YNAS ynp_559ffebb9ca97ae0 cinématique Téléchargement de l'environnement de test d'automatisation privé. Identifiant du package : ynp_559ffebb9ca97ae0 ; sortie : cinématique. [hi] YNAS ynp_559ffebb9ca97ae0 सिनेमैटिक निजी स्वचालन स्टेजिंग अपलोड। पैकेज पहचान: ynp_559ffebb9ca97ae0; आउटपुट: सिनेमाई। [id] YNAS ynp_559ffebb9ca97ae0 sinematik Unggahan staging otomatisasi pribadi. Identitas paket: ynp_559ffebb9ca97ae0; output: sinematik. [it] YNAS ynp_559ffebb9ca97ae0 cinematic Caricamento di automazione privata. Identità del pacchetto: ynp_559ffebb9ca97ae0; output: cinematico. [pt-BR] YNAS ynp_559ffebb9ca97ae0 cinematográfico Upload de teste de automação privada. Identificação do pacote: ynp_559ffebb9ca97ae0; saída: cinemática.

CopilotKit 开源的 Open Intelligent UI，让 agent 自己决定回答用纯文字、现成组件，还是现做一个能点的小工具。 README 挺老实：54 秒发布视频是渲染出来的。仓库还没发过 release，MIT。 你们的 agent 回答里，真需要可交互界面的能占几成？ CopilotKit/OpenIntelligentUI

Your Agent Picked a Chart. Did the Data Deserve One? Build a UI Planner in TypeScript. On October 9, 2026, CopilotKit released Open Intelligent UI: an open-source chat interface that can answer with text, native components, or generated interactive UI. The interesting engineering decision happens before the pixels. Which representation does the answer deserve? The project README says its Jev router selects the presentation. Basic tables use A2UI; charts and more complex visuals use Open Generative UI. Its default setup requires an OpenAI key and a TypeSafe key. I verified the announcement and README, but did not run that full application. I want to build a smaller piece of that problem today: a deterministic boundary between a proposed visualization and the component our application will actually use. A missing measurement should stay missing. A prettier answer should not quietly invent a trend. !The application checks a proposed view, then selects an owned component. A chart can make the wrong promise Imagine an agent summarizing three days of latency: | Date | Value | Unit | | --- | ---: | --- | | 2026-10-01 | 10 | ms | | 2026-10-02 | unknown | ms | | 2026-10-03 | 15 | ms | These numbers are synthetic fixtures, not product measurements. Replace the unknown with zero and you have changed the data. Connect the known points without explaining the gap and the UI can suggest continuity you did not observe. A chart renderer can represent gaps correctly. This tiny planner deliberately chooses a table instead. That is a conservative product policy, not a universal visualization rule. The goal is to make the representation decision explicit, reviewable, and testable. Give the application a component registry Our registry contains two names: - line-chart for complete, regularly spaced time series. - data-table when valid rows need a more literal presentation. The agent does not supply executable HTML. It supplies data. The application chooses an owned component and passes clean rows to it. This example returns a plan. It does not implement the React components or draw the chart. !Complete data selects a chart plan. Missing data selects a table plan and preserves the null. The rules are intentionally narrow. A chart requires at least three rows, one exact unit string, finite numeric values, strictly increasing dates, and equal spacing. Valid data that fails one of those chart rules becomes a table. Malformed input throws an error instead of entering either component. Negative values and zero are valid numbers. null is missing. Those are different states. Build the planner The complete source and 18 checks are in the public repository. Here is the central decision, after runtime validation has established that every row has a real calendar date, a nonempty unit, and a finite number or null: const table = (reason: string): View => ({ component: "data-table", reason, rows: clean }); if (clean.length < 3) return table("too-few-points"); if (new Set(clean.map(r => r.unit)).size !== 1) return table("mixed-units"); if (clean.some(r => r.value === null)) return table("missing-values"); const times = clean.map(r => Date.parse(r.date)); if (times.some((time, i) => i > 0 && time <= times[i - 1])) return table("not-strictly-chronological"); const step = times[1] - times[0]; if (times.some((time, i) => i > 1 && time - times[i - 1] !== step)) return table("irregular-spacing"); return { component: "line-chart", reason: "complete-regular-series", rows: clean }; Notice what this code does not do. It does not fill gaps, reorder observations, convert units, or smooth values. It retains the supplied order and values. That makes the fallback explainable. The frontend can show: “Displaying a table because one measurement is missing.” The full function accepts unknown, checks the envelope and every row, limits the input to 100 rows, and copies only date, value, and unit. An extra html field does not become a render instruction. Copying selected fields reduces what crosses this boundary. It does not make arbitrary strings safe to inject into HTML. Renderers still need ordinary escaping. !Malformed rows are rejected. Valid rows can select a table. The planner never replaces missing values with zero. Run it without an API key Prerequisite: Node.js 22.20 or later. Node's type stripping runs these TypeScript files without a dependency install or compilation step. It does not type-check them. git clone https://github.com/bobbyhalljr/generative-ui-planner.git cd generative-ui-planner node --experimental-strip-types test.ts The final three lines from the tested run: 18/18 checks passed complete: line-chart (complete-regular-series) missing: data-table (missing-values) The checks cover zero, negative values, missing values, mixed units, duplicate and descending dates, irregular spacing, impossible calendar dates, NaN, infinity, empty and oversized input, malformed envelopes, blank units, excluded extra markup, and preserving the original input. These are deterministic checks of this local policy. They are not a benchmark of model accuracy, CopilotKit routing, or generated UI quality. Where this stops This is a small planner for one time series. It does not decide whether a metric is trustworthy, whether its source is fresh, or whether connecting points is causally meaningful. Equal spacing is a chosen eligibility rule, not evidence of statistical validity. It also does not provide an iframe sandbox, a CSP, an authorization system, or a safe interpreter for generated code. CopilotKit's announcement describes isolated iframe execution and an approved CDN list for its open UI path. I have not audited those controls. In a production UI, I would add accessible components, visible units, provenance, chart gap semantics, honest axes, and a reason users can inspect when the application changes the suggested presentation. The engineering takeaway is small: let the agent propose the experience, and let the application own the rules for representing its data. That is the kind of boundary I care about while building Roster: AI employees that do real work, with outputs people can inspect and use. Primary references - CopilotKit launch announcement, October 9, 2026 - Open Intelligent UI source and setup requirements - Node.js TypeScript documentation

Try Open Intelligent UI: CopilotKit/OpenIntelligentUI

Introducing 𝙾𝚙𝚎𝚗 𝙸𝚗𝚝𝚎𝚕𝚕𝚒𝚐𝚎𝚗𝚝 𝚄𝙸 A template for bringing interactive, generative UI to your own product. Works with ANY agent. Supports: → Your design system → Your components → Your real data and actions Repo: CopilotKit/OpenIntelligentUI Available on Web, Mobile, and Slack. Powered by @CopilotKit and AG-UI.