从零构建生成式 UI 对话应用,GenUI SDK 全套实战公开课来了

WebMCP协议与GenUI SDK工程实践:生成式UI的确定性交付 生成式UI(GenUI)正从概念走向可交付的工程现实,其核心挑战在于自然语言需求与确定性前端代码之间的语义鸿沟。WebMCP(Web Model Control Protocol)作为轻量、可验证、面向组件能力的语义协议,通过声明式指令替代HTML直出,保障AI生成结果的可测试性、可审计性与无障碍合规性。它将UI抽象为‘组件类型+行为约束+数据契约’三层结构,使前端工程能力(如React/Vue生命周期、props-schema映射、E2E可追溯)成为GenUI落地的基础设施。OpenTiny的GenUI 阅读详情

还在好奇生成式 UI怎么落地业务🤔?

想让大模型不只返回干巴巴文本📝,直接动态渲染表单、表格、图表📊?

OpenTiny GenUI SDK 全新 6 期 AI 前端实战公开课即将正式开启🎉,全程免费直播!

本次系列直播由OpenTiny社区 AI 前端工程师莫家浩👨‍💻主讲,覆盖从快速上手、配置调优、组件扩展、界面定制、高级交互到底层协议全链路。

不讲空洞概念💤,全部结合实操演示,带你掌握 GenUI SDK 二次开发,落地可商用的 AI 对话业务系统🚀。

活动详情👇

🎯讲师:莫家浩 | AI 前端工程师 OpenTiny社区成员

⏰时间:2026.9.1‑2026.11.10,每期晚 19:00

✅从 SDK 上手、自定义组件、界面改造到底层协议全覆盖

✅实操演示,学完直接落地 AI 对话业务系统

🙋适合前端、AI 应用开发者,欢迎蹲直播!

✅你能学到什么👇

  • 🛠️快速搭建 AI 对话界面,完成 GenUI SDK 项目接入
  • ⚙️GenuiChat 核心配置,对话流程管控、调优大模型输出行为
  • 🧩自定义业务组件、页面片段、动作编排,适配企业业务场景
  • 🎨GenuiRenderer 自定义渲染,深度改造 AI 对话界面样式
  • ✨思考链可视化、角色系统、工具栏等高阶交互实现
  • 📡多模态交互、图片上传、Schema 协议底层原理解析

✅直播入口及反馈通道👇

📆完整排期📋

首期直播简介👇

本期课程将从零开始,带你跑通第一个AI聊天应用。我们会先预览最终效果,然后配置开发环境、创建项目,并安装GenUI SDK。你将亲手完成聊天界面的开发,并首次配置大模型参数,体验从代码到对话的全过程。

关于OpenTiny NEXT

OpenTiny NEXT 是一套企业前端开发解决方案,以生成式 UI 和 WebMCP 两大核心技术为基础,对现有传统的 TinyVue 组件库、TinyEngine 低代码引擎等产品进行智能化升级,构建出面向 Agent 应用的前端 NEXT-SDKs、AI Extension、TinyRobot智能组件库、GenUI等新产品,实现AI理解用户意图自主完成任务,加速企业应用的智能化改造。

OpenTiny 官网:https://opentiny.design
GenUI SDK 代码仓库:https://github.com/opentiny/genui-sdk (欢迎star ⭐)
如果你也想要共建,可以进入代码仓库,找到 good first issue标签,一起参与开源贡献~如果你有任何问题,欢迎在评论区留言交流!

OPCUA二(通过OPCUA服务器访问CPU) 摘要:本文介绍了使用UaExpert软件连接西门子PLC的OPC UA配置方法,包括IP地址设置(默认端口4840)、安全认证和证书信任流程。详细说明了数据访问操作,如变量拖拽监控和属性解读(NodeId、Value、状态码等)。特别强调连接仿真Advance7时需先启动实例。最后预告下章将讲解通过KerServer访问CPU。文章涵盖配置步骤、常见问题处理及实用技巧,适合工业自动化开发者参考。 阅读详情

相关推荐

01_MySQL下载、安装与配置(以MySQL8.0.31版本为例)

1.点击下载好的mysql安装包 进入到mysql installer界面。2.选择MySQL Servers选项 一直下拉。

4819

生成式UI:用WebMCP契约与GenUI SDK实现意图驱动的前端开发

生成式UI是一种将业务意图(如‘带搜索分页的订单列表’)自动转化为可运行前端代码的技术范式,其核心在于语义解析、跨框架中间表示(IR)和契约化抽象。区别于低代码的可视化组装,它通过WebMCP(Model-Controller-Presenter)协议解耦UI逻辑与框架实现,提升可测试性与跨端一致性。GenUI SDK作为执行引擎,支持自然语言、结构化Schema和代码注释三种输入方式,输出标准化IR,并经适配器落地为Vue/React等目标代码。该技术显著降低重复胶水代码,适用于中台建设、多端协同及遗留系

weixin_30905133的博客 344

关于石墨烯费米能级和偏置电压之间的关系问题

石墨烯费米能级与电压的关系问题

qq_37946542的博客 3514

从“陪聊”到“点外卖”:为什么说生成式UI(GenUI)才是AI应用的终局?

摘要 生成式UI(GenUI)正在颠覆传统AI交互模式。近期火爆的"千问AI点奶茶"案例展示了GenUI的实用价值:AI不仅能理解用户意图,还能动态生成可操作界面。与传统对话式AI相比,GenUI实现了"意图驱动"的动态交互,显著提升用户体验和操作效率。目前GenUI主要有三种实现范式:静态UI、声明式UI和开放式UI,各具适用场景。其技术架构依赖智能体与前端间的实时双向通信,核心协议包括AG-UI、A2UI和MCP Apps。随着Vercel AI SDK等开发工具

白洞,白色的明天在等着我们 6443

告别上位机!用MCGS触摸屏+FTP服务器,5分钟搞定工控机文件自动同步

本文介绍了一种工业自动化领域的高效解决方案,通过MCGS触摸屏结合FTP服务器实现工控机文件的自动同步,无需开发上位机软件。该方案特别适用于图像采集、参数同步、数据备份等场景,具有成本低、可靠性高、维护简便等优势。详细配置指南和实战案例帮助用户快速实现零代码文件同步。

weixin_30872499的博客 560

基于STM32L4XX 、HAL库的ATD5984步进电机驱动器驱动程序应用设计

一、简介: ATD5984是一款内部集成了译码器的微特步进电机 驱动器,能使双极步进电机以全、半、1/4、/1/8、1/16 和1/32步进模式工作。步进模式由逻辑输入管脚MSx选 择。其输出驱动能力达到28V±1.6A。 译码器是ATD5984易于使用的关键,通过STEP管脚 输入一个脉冲就可以使电机完成一次步进,省去了相序 表,高频控制线及复杂的编程接口,使其更适于没有复 杂的微处理器或微处理器负担过重的场合。 在步进操作期间,ATD5984的内部电路可以自动

PP_Cottage的博客 407

告别“画界面”:一文读懂 GenUI 生成式 UI 技术与生态

GenUI(生成式 UI)是一种创新的人机交互范式。由 AI 模型基于用户提示与上下文,动态生成完整可交互界面及内容的技术。如果用大白话来说,以前的软件界面是**“静态预制菜”——开发者做好什么,用户就只能吃什么;而 GenUI 则是“AI 私人定制小灶”**——你用自然语言说出需求,AI 瞬间为你“炒”出一个完全符合你当下需求的专属界面。它不仅能生成图文,还能直接“画”出表单、按钮、图表、卡片等各种交互组件。

软件行业技术文化交流。 2194

SpringCloud最新最全面试题

在服务注册与发现中,有一个注册中心。当服务器启动的时候,会把当前自己服务器的信息比如服务地址通讯地址等以别名方式注册到注册中心上。另一方(消费者服务提供者),以该别名的方式去注册中心上获取到实际的服务通讯地址,然后再实现本地RPC调用RPC远程调用框架核心设计思想:在于注册中心,因为使用注册中心管理每个服务与服务之间的一个依赖关系(服务治理概念)。在任何RPC远程框架中,都会有一个注册中心存放服务地址相关信息(接口地址)。

qq_38196449的博客 4329

GenUI SDK 生成式UI:六大开发特性详解,适配多种业务场景

本文将深度拆解 GenUI SDK 六大核心开发特性,帮助你全面了解这一革命式的 AI 应用开发工具。

OpenTiny的博客 644

ollama如何在自己的服务器上跑Qwen3(小白必看)

在国内下载ollama最新安装包时,使用curl -fsSL https://ollama.com/install.sh | sh命令可能会遇到网络问题导致下载进度停滞。为了解决这一问题,可以通过国内的镜像源进行下载,例如使用modelscope社区提供的最新ollama镜像仓库。具体步骤包括:首先通过pip install modelscope安装modelscope,然后使用modelscope download命令下载ollama-linux镜像,接着进入下载目录并赋予安装脚本执行权限,最后运行安装脚

Ven%的博客 756

从 30 天试用到企业级落地,2026 年学习和试用 SAP AI 的完整路线图

摘要:SAP AI产品体系存在试用版本与商业版本的边界模糊问题,需区分业务嵌入AI(如Joule)、开发者工具(SAP Build Code)和AI基础平台(Generative AI Hub)三个层级。建议学习路径:1)通过SAP Learning专区掌握理论框架;2)优先使用30天Generative AI Hub基础试用体验模型编排;3)结合90天BTP试用账户开发完整应用。特别注意免费计划已陆续停止,需以最新官方文档为准。开发者应重点关注AI如何与SAP技术栈(CAP、Fiori等)集成,而非单纯功

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 115

Flutter GenUI 与 Finclip ChatKit ———— 两款生成式UI技术方案介绍

摘要: 谷歌Flutter GenUI与FinClip ChatKit是两种移动端生成式UI技术方案。Flutter GenUI采用“原生组件映射”方式,通过LLM生成JSON指令动态调度预置组件,实现高性能原生渲染,但需依赖App发版更新。FinClip ChatKit基于小程序容器技术,通过LLM调用动态加载小程序页面,支持热更新和生态复用,适合业务频繁迭代场景。两者分别侧重体验上限(Flutter)与工程落地(FinClip),展现了生成式UI在移动端的两种可行路径。(149字)

Geek_Vison的博客 1263

在 SAP BTP 上为应用开启多租户能力:基于 SaaS Provisioning 和 XSUAA 的完整实践指南

本文介绍了在SAP BTP上配置多租户应用的实战指南。主要内容包括: 多租户架构概述:解释provider子账户、consumer子账户和tenant的概念,以及数据隔离机制。 安全配置:在xs-security.json中设置tenant-mode为shared,并为SaaS Provisioning服务添加回调scope授权。 路由配置:通过manifest.yml设置TENANT_HOST_PATTERN来定义多租户访问模式,确保不同租户通过不同子域名访问同一应用。 服务绑定:将XSUAA和SaaS

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 146

生成式 UI 藏大招!看似露营案例,实则电商集成 GenUI SDK 干货

要将 MCP 工具能力接入 AI 导购助手,需通过自定义 fetch 方法,处理大模型的工具调用请求、多轮交互及结果流式返回逻辑,确保工具调用过程流畅、符合电商业务场景。在目录下新建文件,编写自定义 fetch 逻辑。核心功能:自定义 fetch 方法,处理大模型工具调用、多轮交互及流式返回,对接 MCP 工具与 AI 助手baseURL?index?: numberid?

OpenTiny的博客 506

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

OpenTiny dsh-genui:让DeepSeek Harness 对话长出可交互UI

内容主要介绍dsh-genui插件,它让DeepSeek Harness的回答变成可交互界面。摘要需概括核心功能、安装方式、效果和意义。注意字数限制。</think>dsh-genui 插件让 DeepSeek Harness 的回答从纯文本变为可交互界面,支持图表、表单、小应用等。一行命令安装,无需改源码,重启即可用。AI 直接生成可点击组件,操作结果自动回传对话。安全可靠,不破坏原有功能,提升人机交互体验。

OpenTiny的博客 675

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

GenUI SDK 生成式UI 增强大模型显示与交互效果

OpenTiny团队推出的GenUISDK是基于生成式UI理念的前端解决方案,支持Vue和Angular双框架渲染,提供完整的前后端集成能力。该SDK内置组件库、交互行为和主题样式定制功能,可快速构建AI对话应用或在现有系统中嵌入智能UI。核心技术包括生成式UI和WebMCP,能对传统组件库和低代码引擎进行智能化升级,支持开发智能助手等AI应用,助力企业实现业务智能化。SDK提供模块化功能包,包括对话组件、渲染器、主题配置等,满足不同场景需求。详见OpenTiny开源项目。

ejinxian的专栏 243

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

Naive UI × GenUI SDK:自定义物料库搭建实战

前端组件库生态十分丰富,不同组件库各有优势,适配不同的项目场景与开发需求。很多存量项目都根据自身需求选用了不同的组件库——比如今天要用的Naive UI,但官方物料暂时并不支持它。更进一步说,不同的系统对同一个组件库的使用方式也各有侧重:看板系统集中使用图表组件,信息收集场景频繁使用表单组件。这时候,精简物料库——只按需引入你真正需要的组件——会获得更好的生成体验。拿今天要制作的 Naive UI 物料库举例:它的用途是生成一个登录页面,因此只需要简单的表单组件和按钮就够用了。

OpenTiny的博客 228

生成式UI,AI交互的下一个十年?

生成式UI正在重新定义人机交互的边界。它让AI从“会说话”进化到“会画界面、会操作、会协作”。虽然仍有内容正确性、生成速度、成本等挑战,但通过结构化输出、流式渲染、缓冲保护、物料定制、合理的度量与兜底策略,生成式UI已经具备了走向生产环境的潜力。OpenTiny GenUI SDK将持续深耕这一方向,并保持开源开放。未来,我们期待生成式UI让界面真正“隐形”——用户只关心意图,界面自动适配,服务零距离直达。

OpenTiny的博客 655

以界面重构文字,GenUI 正式发布!

生成式 UI(Generative UI)是一种创新的人机交互范式:在对话过程中,能够动态生成并实时渲染 UI 界面,让 AI 不再局限于纯文字输出,而是能够"画"出表单、按钮、图表、卡片等丰富的交互组件。用户可以直接在生成的界面中操作,操作行为即时反馈回对话上下文,驱动模型进行下一轮响应,使交互与对话融为一体。GenUI SDK是 OpenTiny 团队基于生成式 UI 理念打造的解决方案,提供完整的前后端一体化集成能力。它遵循 OpenAI 接口规范,可无缝对接主流大模型服务;

OpenTiny的博客 751

Flutter 官方 LLM 动态 UI 库 flutter_genui 发布,让 App UI 自己生成 UI

所以可以看到,genui 的核心是利用 AI 大模型的 UI 组织能力,让它通过用户的描述和已有的控件目录,动态渲染和生成所需的 UI 控件。对象,它本质上是一个 JSON 结构,JSON 作为纯文本数据其实是可以保存的,比如我们对这部分数据进行拦截缓存,并在启动时加载渲染,当然,它并不是一个完全 Free 的动态 UI 项目,虽然看起来它是动态的,甚至可以用来做热更新,但是实际上也是存在限制条件。另外,在前面我们说过,AI 返回的是一个结构化的 JSON 数据,而对于 genui 来说,他底层会有一个。

恋猫de小郭的博客 3845

GenUI:从“文本对话”到“可操作界面”的范式转移

假如我问你:“帮我推荐几双500元以下的跑鞋。”传统AI会回复一段文字:“推荐李宁超轻系列,价格XXX;安踏氢跑系列……”你读完,再去电商App搜索、筛选、下单。整个过程在“读—搜—筛”之间反复跳转。但如果AI直接生成一个商品卡片列表呢?每一张卡片上都印着鞋子的图片、价格、评分,旁边还有“筛选”按钮和“加入购物车”——这就是GenUI正在做的事情。GenUI(Generative UI,生成式UI),正在重塑大语言模型与人类之间的交互方式。它的目标很简单:让AI不再只输出文字,而是“画”出用户可以真正。

wdracky的专栏 590

CopilotKit Generative UI Playground:Static GenUI、MCP Apps、A2UI 与 Open Generative UI 四种模式实战

Generative UI Playground(仓库路径 [examples/showcases/generative-ui-playground/README.md](https://link.gitcode.com/i/7ae0f0da2a176997aa66aa24e7ea6722))是 CopilotKit 官方仓库中用于演示"构建 AI 驱动用户界面"三种核心范式(再加上仓库当前的 O

gitblog_00581的博客 494

电商系统集成GenUI SDK实操指南

本文以智能导购助手场景为例,带大家实操体验OpenTiny生成式UI带来的全新交互方式。

OpenTiny的博客 467

GenUI从入门到精通:10分钟搭建你的第一个AI生成界面

GenUI是一个Flutter库,让开发者能够轻松地为应用添加交互式生成式UI。它使用基于JSON的格式从现有组件库组合UI,将对话或代理交互转变为丰富直观的体验。通过GenUI,你可以告别静态的"文本墙",快速构建动态、智能的用户界面。 [![GenUI入门介绍](https://raw.gitcode.com/gh_mirrors/genui1/genui/raw/5890b919f651d

gitblog_00621的博客 903

GenUI SDK v1.1.0 正式发布|全端体验革新,能力与稳定性进阶

GenUI SDK是 OpenTiny 团队基于生成式 UI 理念打造的解决方案,旨在增强大模型显示与交互效果。GenUI SDK提供完整的前后端一体化集成能力,遵循 OpenAI 规范;内置 Vue 与 Angular 双框架渲染器,支持自定义的组件库、交互行为与主题样式。既能快速从零搭建一个 AI 对话应用,也可以现有业务系统中嵌入生成式 UI 能力。最近我们推出了 GenUI SDKv1.1.0新版本!本次更新聚焦演练场体验核心组件能力扩展底层容错稳定性。

OpenTiny的博客 577

GenUI SDK v1.3.0 开发者深度解读:当生成式 UI 开始“长出“工程化骨架

OpenTiny 团队发布 GenUI SDK v1.3.0,重点强化工程化能力与多框架兼容性。新版本将核心逻辑独立为可复用包,实现渲染器与UI物料解耦,支持Vue、Angular及React(测试版)多框架。渲染器新增refs、异步Action、生命周期等特性,使AI生成的UI能承载完整业务流程。演练场集成OpenAPI转换等工具,降低开发者门槛。该版本解决了流式渲染中间态异常、业务逻辑编排等痛点,使生成式UI从演示走向生产可用。

OpenTiny的博客 395
上一篇: GenUI SDK v1.3.0 开发者深度解读:当生成式 UI 开始“长出“工程化骨架
下一篇: Naive UI × GenUI SDK:自定义物料库搭建实战
OpenTiny社区
博客等级 码龄4年 1540粉丝 266原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值