Repolode
thesysdev

thesysdev/open-intelligent-ui

Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI.

Alternativa open source a:ChatGPT

Estrellas
608
Forks
48
Issues abiertos
27
Último commit
hace 3 días

¿Qué es?

Open Intelligent UI reproduce la experiencia de respuestas interactivas de Intelligent UI de ChatGPT. Una solicitud como planificar un día en San Francisco genera una interfaz con un mapa, fotos y un itinerario editable, en lugar de texto sin formato. El modelo transmite OpenUI Lang y la aplicación lo renderiza con una biblioteca de componentes cuya disposición define el propio modelo.

La biblioteca de componentes incluye diseño, texto, campos de entrada, gráficos, tablas, mapas de MapLibre, dibujo SVG y vistas HTML en sandbox. Las respuestas pueden mantener estado mediante `$variables` y realizar cálculos con unas 59 `@functions` integradas para listas, números, fechas, texto y agregaciones de paneles, de modo que el resultado puede funcionar como una pequeña herramienta en lugar de ser una página estática.

El chat puede usar OpenUI Cloud, cualquier API de Chat Completions compatible con OpenAI, como OpenRouter, o un modelo local mediante Ollama. El proyecto cuenta con licencia MIT, requiere Node 24 e incluye una página de galería solo para desarrollo y un script de benchmarks.

Funciones clave

  • 01Renderiza las respuestas del modelo como interfaces interactivas con mapas, gráficos, tablas, formularios y campos de entrada.
  • 02Mantiene el estado de las respuestas en variables y calcula valores con funciones integradas.
  • 03Incluye mapas de MapLibre con marcadores, categorías y rutas por calles.
  • 04Es compatible con OpenUI Cloud, cualquier API compatible con OpenAI o un modelo local de Ollama.
  • 05Incluye una galería de componentes y programas de ejemplo, disponible solo durante el desarrollo.

Casos de uso

  • Crear prototipos de interfaces de chat generativas que respondan con herramientas en lugar de texto.
  • Crear planificadores de viajes, paneles o calculadoras dentro de un producto de chat con IA.
  • Probar proveedores de LLM locales o alternativos para interfaces generativas.

Inicio rápido

  1. 1

    Copia el archivo de entorno

    cp .env.example .env
  2. 2

    Instala las dependencias

    npm install
  3. 3

    Genera la clave de API en .env

    npm run generate:apiKey
  4. 4

    Inicia el servidor de desarrollo y abre http://localhost:3000

    npm run dev

Antes de usarlo

  • Para generar respuestas, se necesita Node 24 y una clave de OpenUI Cloud, o bien una clave de API compatible con OpenAI independiente.
  • Las rutas por carretera usan el servidor de demostración público de OSRM y solo muestran un resumen de las carreteras, no indicaciones para caminar ni en transporte público.
  • El README lo describe como una demostración que recrea una función de ChatGPT, no como una biblioteca para producción.
  • Ejecutar un modelo local requiere una descarga grande (unos 18 GB de forma predeterminada) y bastante memoria.

Temas

Preguntas frecuentes

¿Qué es open-intelligent-ui?
Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI. Open Intelligent UI reproduce la experiencia de respuestas interactivas de Intelligent UI de ChatGPT. Una solicitud como planificar un día en San Francisco genera una interfaz con un mapa, fotos y un itinerario editable, en lugar de texto sin formato. El modelo transmite OpenUI Lang y la aplicación lo renderiza con una biblioteca de componentes cuya disposición define el propio modelo.
¿open-intelligent-ui es gratuito? ¿Qué licencia tiene?
open-intelligent-ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿open-intelligent-ui sigue mantenido?
Mantenimiento activo. El último commit de open-intelligent-ui fue el 17 oct 2026.
¿Para qué puedo usar open-intelligent-ui?
Crear prototipos de interfaces de chat generativas que respondan con herramientas en lugar de texto. Crear planificadores de viajes, paneles o calculadoras dentro de un producto de chat con IA. Probar proveedores de LLM locales o alternativos para interfaces generativas.
¿Cómo se instala open-intelligent-ui?
Copia el archivo de entorno: cp .env.example .env Instala las dependencias: npm install Genera la clave de API en .env: npm run generate:apiKey Inicia el servidor de desarrollo y abre http://localhost:3000: npm run dev
¿Dónde consigo open-intelligent-ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/thesysdev/open-intelligent-ui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados