genui-sdk:基于 Generative UI 的全栈 AI 应用开发工具包

A Generative UI SDK for Vue, Angular

Branch193Tags40

GenUI SDK

语言: English | 简体中文

GenUI SDK 是 OpenTiny 面向生成式 UI(Generative UI)场景的全栈开发套件,帮助你快速搭建 AI 应用。

简介

GenUI SDK 是 OpenTiny 团队基于生成式 UI 理念打造的开源解决方案,提供完整的前后端一体化集成能力。它遵循 OpenAI 接口规范,可无缝对接主流大模型服务;内置 Vue 与 Angular 双框架渲染器,支持自定义的组件库、交互行为与主题样式。无论是从零搭建一个 AI 对话应用,还是在现有业务系统中嵌入生成式界面能力,GenUI SDK 都能让开发者开箱即用、灵活扩展。

立即体验

你可以前往演练场立即体验生成式 UI 能力。演练场正是基于 GenUI SDK 开发的应用。

快速开始

如果你希望在自己的项目中集使用 GenUI SDK,可以参考官方快速开始文档,以及server包使用文档

核心能力

GenUI SDK 在设计上兼顾了”开箱即用“与”深度定制“,具备丰富的特性和良好的生态兼容性。

特性 说明
现有 AI 生态兼容 遵循 OpenAI 接口规范,可无缝对接主流 LLM 服务,并支持 MCP 能力扩展,方便集成各类外部工具与企业内部系统。
定制主题 支持主题切换、暗黑模式以及基于 Token 的主题定制,适配不同品牌与产品的界面规范。
自定义组件 提供 Schema 驱动的组件描述能力,可扩展生成式 UI 组件库,将业务组件纳入统一的生成式交互体系中。
自定义交互 支持灵活配置多轮对话流程、自定义指令与操作(如打开页面、拉取数据、生成表单等),满足复杂业务场景下的人机协同需求。
多技术栈支持 内置 Vue 与 Angular 渲染器,既可在新项目中直接使用,也可为已有前端项目提供渐进式接入方案。
更多能力 提供示例工程与最佳实践模板,结合服务端能力实现消息编排、工具调用、权限控制等高级能力,帮助你快速构建可落地的 AI 应用。

若想进一步了解 GenUI SDK 的用法,可以前往 GenUI SDK 特性示例文档查看更完整的功能说明与实践指南。

组件包

名称 描述
@opentiny/genui-sdk-server 集成生成式 UI 能力的后台服务,配置简单,启动快速。支持自定义组件、自定义操作等能力
@opentiny/genui-sdk-vue 基于 Vue 的前端组件与渲染器,可用于快速构建生成式 UI Web 应用。同时拥有强大的定制能力,可用于构建复杂应用。
@opentiny/genui-sdk-angular 基于 Angular 的渲染器,支持在Angular应用中集成生成式 UI 能力。

贡献指南

如果你对 GenUI SDK 感兴趣,你可以参与贡献。参与贡献前,请先阅读贡献指南

你也可以通过以下方式联系我们,进一步交流:

授权协议

MIT

Introduction

A Generative UI SDK for Vue, Angular

Customize my domain