A Generative UI SDK for Vue, Angular

文件	最后提交记录	最后更新时间
.github	feat: add fetch-agent-card endpoint and related functionality - Implemented a new endpoint to fetch agent cards, allowing server-side retrieval while handling CORS issues. - Updated environment variables and workflow files to include the new endpoint. - Enhanced existing components to utilize the new fetch-agent-card functionality. - Refactored agent handling logic to support the new API structure.	1 个月前
docs	feat(genui-sdk-angular): add legacy component and update docs	4 天前
packages	Merge pull request #215 from opentiny/ng-legacy-components feat(genui-sdk-angular): add legacy component and update docs	3 天前
patches	fix: update hash for @opentiny/vue-renderless@3.28.2 patch to reflect changes in the patch file	1 个月前
projects	fix(genui-sdk-angular): apply default properties in attribute parsing	2 天前
scripts	ci: add GitHub Pages deployment workflow and build scripts	3 个月前
sites	fix(playground): only show prompt variants in vue framework	3 天前
.gitignore	ci: add GitHub Pages deployment workflow and build scripts	3 个月前
.gitmodules	feat: init repo	6 个月前
.prettierignore	chore: add prettier config	5 个月前
.prettierrc	chore: refactor package version update scripts	4 个月前
CONTRIBUTING.md	docs: update contributing guide and add README docs	4 个月前
CONTRIBUTING.zh-CN.md	docs: update contributing guide and add README docs	4 个月前
LICENSE	Initial commit	7 个月前
README.md	docs: add logo and DeepWiki badge to README Add the OpenTiny logo asset and display it in both English and Chinese README files. Add the DeepWiki badge linking to the GenUI SDK project page.	1 个月前
README.zh-CN.md	docs: add logo and DeepWiki badge to README Add the OpenTiny logo asset and display it in both English and Chinese README files. Add the DeepWiki badge linking to the GenUI SDK project page.	1 个月前
logo.svg	docs: add logo and DeepWiki badge to README Add the OpenTiny logo asset and display it in both English and Chinese README files. Add the DeepWiki badge linking to the GenUI SDK project page.	1 个月前
package.json	fix(materials): update type definitions in package.json for meta and materials	12 天前
pnpm-lock.yaml	Merge pull request #213 from opentiny/refactor/ng-materials-decoupling refactor(ng): decouple OpenTiny NG materials from schema renderer	4 天前
pnpm-workspace.yaml	chore: update ai dependency to version 6.0.116 and add patch for JSON repair functionality	3 个月前

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 能力。