OpenTiny的博客

原创 从开发到运行：OpenTiny NEXT 如何构建 Agent 时代的 Web 应用

一年前，我们首次系统介绍 OpenTiny NEXT 前端智能化解决方案。OpenTiny NEXT 内核新生：生成式UI × MCP，重塑前端交互新范式！当时，随着大模型和 Agent 能力快速发展，我们开始思考一个新的问题：传统 Web 应用主要面向人设计，当 AI 开始进入应用、理解页面并完成任务时，前端应该提供什么样的能力？围绕这一问题，OpenTiny NEXT 从生成式 UI、WebMCP、智能交互等方向展开探索，希望让 Web 应用不仅能够被人使用，也能够被 AI 理解和操作。

原创 以界面重构文字，GenUI 正式发布！

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

原创 TinyVue skills使用指南

本文由体验技术团队Kagol原创。一个月前，有用户建议 TinyVue 出几个 Skills，方便 AI 编程。必须安排上！目前 TinyVue 组件库和 TinyRobot AI 对话组件均已支持 Agent Skills，你可以在支持 Skills 的 IDE（比如 VSCode、Cursor、Trae 等） 上配置和使用。

原创 TinyEngine 2.10 版本发布：零代码 CRUD、云端协作，开发效率再升级！

TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。最近我们正式发布TinyEngine v2.10 版本模型驱动、登录鉴权、应用中心。

原创 AI 生成的 Vue 代码，终于能直接用了!

GenUI SDK v1.4.0 重磅升级 Vue 出码能力，实现从“AI生成界面”到“直接上线”的跨越。用户通过自然语言描述需求，AI 流式生成结构化 SchemaJson，调用 generateCode() 即可导出符合 Vue 3 最佳实践的完整 SFC 文件，支持组件嵌套、状态管理、事件绑定等复杂场景，代码可直接运行。相比其他工具，其专注 Vue 生态、编译校验完备、无需二次翻译，真正实现“所见即所得”的高效开发体验。

原创 一文读懂 GenUI SDK v1.4.0 React 渲染器

v1.3.0 在渲染器层面补了默认 Props、refs、异步 Action、生命周期四项能力，让生成式 UI 从"静态模板"进化为"可编排业务流程的可用界面"。v1.4.0 的 React 渲染器完整继承了这些能力。如果项目有专属的业务组件————可以通过}}模型生成的 SchemaJson 里只要包含，渲染器就会自动映射到对应的业务组件。物料合并策略保证了优先级高于默认物料，业务覆盖不需要改动物料包本身。按钮点击、表单提交等交互通过// 调用业务 API}}

原创 GenUI SDK v1.4.0 重磅发布｜React 来了！三框架渲染 + 出码 + Agent 生态齐更新

GenUI SDK v1.4.0 正式发布，全面支持 Vue、React、Angular 三大框架，实现生成式 UI 全栈覆盖。新增 React 渲染器正式版与 Vue 源码生成能力，支持从 SchemaJson 直接输出可运行的 Vue SFC，打通原型到工程交付链路。物料体系升级为 Plus 层级，集成图标、主题与通知组件，提升复杂业务应用生成能力。演练场体验优化，支持多模式切换与长文本输入，工程稳定性显著增强。同时拓展 Agent 生态，推出 Skill Generator 与 dsh-genui 插

原创 从流式消息到多会话：TinyRobot Kit 如何组织 AI 对话数据层？

其实实现一个基础的 AI 对话页面，通常会从维护消息数组、调用模型接口和渲染结果开始。但真正进入产品开发后，复杂度很快会从“调一次接口”扩散到整个页面：流式内容需要持续合并，请求需要能够停止，多轮上下文要正确组织，不同会话要隔离运行状态，页面刷新后还要恢复历史消息。如果这些逻辑都直接堆在 Vue 组件里，请求、消息和 UI 状态会越来越难拆开。（下文简称 Kit）是 TinyRobot 的 AI 对话数据层工具包。

原创 HC 2026 回顾｜OpenTiny NEXT 解锁 Web 应用智能化新范式

华为全联接大会2026圆满落幕，OpenTiny重磅发布面向企业级的前端AI一体化开发平台——OpenTiny NEXT。通过展台展示与Codelabs实战营，全面呈现从AI开发、交互到执行的全链路能力：基于WebMCP协议实现自然语言操控网页，GenUI SDK生成可交互界面，结合TinyRobot与PageTool构建智能操作闭环。现场聚焦智能化改造落地，解答技术兼容性、安全与集成等核心问题，助力开发者低成本实现应用智能化升级。

原创 指导手册｜OpenTiny NEXT 四步实现业务应用通过自然语言智能操作页面

平台依托生成式 UI与WebMCP两大核心底层技术，打造适配 Agent 智能应用生态的 NEXT-SDKs、AI 扩展工具、TinyRobot 对话 AI 组件库、GenUI SDK生成式 UI 、WebAgent 智能代理等系列产品，能够依托 AI 解析用户需求意图，自动驱动任务执行，助力企业现有业务系统快速完成智能化升级。提交、删除、发布、支付等操作必须使用带权限校验和确认机制的专用工具，不能通过 PageTool 或 Skill 开放。打开对话框后可以选择已配置的模型，发送消息并能接收模型回复。

原创 码力全开，智启前端新生态｜OpenTiny 登陆华为全联接大会2026

原创 OpenTiny dsh-genui：让DeepSeek Harness 对话长出可交互UI

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

原创 从流式消息到多会话：TinyRobot Kit 如何组织 AI 对话数据层?

本文从可运行的 Vue 3 Demo 出发，拆解 TinyRobot Kit 如何组织消息生命周期、会话运行时与持久化，覆盖流式合并、请求取消、多会话隔离与插件扩展，是一份 AI 对话数据层实战指南。

原创 Naive UI × GenUI SDK：自定义物料库搭建实战

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

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

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

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

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

原创 TinyVue v3.31 版本更新：新组增件 + 文档优化，多项实用能力升级

TinyVue v3.31.0 发布：新增 SliderButtonGroup 组件，完善 Flowchart 文档，Modal/Drawer/Switch 等多项增强与 52 项修复。

原创 GenUI SDK v1.3.0 发布｜多框架兼容，一键换物料，渲染器 & 演练场全面增强！

GenUI SDK v1.3.0 正式发布 OpenTiny 团队推出的 GenUI SDK v1.3.0 版本带来五大核心升级： 核心能力解耦 - 底层核心模块独立发包，支持单独复用协议定义、Prompt 生成、流式解析等能力 物料体系可插拔 - 渲染器与 UI 物料彻底解耦，支持 Vue/Angular 多框架及 OpenTiny/Element Plus 等组件库自由切换 渲染器增强 - 新增默认值补全、refs 调用、异步 Action、生命周期等能力，提升复杂场景适配性 多框架协同 - Vue/A

原创 Loop Engineering：让 AI Agent 自己跑起来的工程方法

摘要： Loop Engineering是一种新兴的AI系统设计模式，核心在于从手动编写Prompt转向设计自动化循环系统，让AI自主运行。其演进经历了四层：Prompt Engineering（单次指令）、Context Engineering（优化上下文）、Harness Engineering（约束行为）到Loop Engineering（自循环系统）。关键特征包括五步动作（发现、执行、交接、验证、持久化）和六大组件（自动化、工作区隔离、技能模板、连接器、评估器、日志）。该模式适用于重复性、可复核、高

原创 深度解析 LSP 如何为 AI 装上 “眼睛”

LSP（Language Server Protocol）是一种标准化协议，旨在解决不同编程语言与编辑器/IDE之间的集成复杂度问题。它将开发工具（客户端）与语言智能服务（服务器）解耦，通过JSON-RPC进行跨进程通信，使语言服务器只需实现一次即可被多个编辑器复用，从而将集成复杂度从M×N降低为M+N。LSP协议基于JSON-RPC 2.0，定义了请求、响应和通知三种消息类型，并严格规定了初始化、工作、关闭的生命周期。其设计源于OmniSharp和TypeScript的实践，最终形成了一套独立于具体语言和

原创 TinyRobot v0.5.0新版本强在哪？可挂载 Agent Skills，长内容交互体验彻底翻新

TinyRobot v0.5.0 版本发布，这是一套专为AI应用打造的前端交互框架，提供从对话UI到会话管理的完整能力。新版本主要特性包括：新增Skills能力，支持轻量级扩展AI助手功能；引入Anchor组件优化长内容导航；新增Layout组件简化复杂页面布局；提供CLI工具快速创建项目。该版本着重提升了开发效率和交互体验，使构建AI聊天应用更简单快捷。项目已开源，欢迎开发者体验和反馈。

原创 WebSkill - Agentic Web 面向 SaaS (Skill as a Service) 的进化

文章摘要： 本文提出 WebSkill（基于浏览器的智能体技能服务）概念，区别于传统 SaaS，强调技能即服务（Skill as a Service）。WebSkill 通过浏览器端闭环运行，解决 AI 智能体的三大痛点：上下文臃肿、领域知识缺失和重复提示问题。其核心特性包括： 前端原生闭环：技能在浏览器端通过 OPFS 存储和 Web Worker 沙箱执行，无需后端依赖，提升效率与隐私性； 隐私安全：通过严格的同源策略和沙箱隔离，确保敏感数据本地化； 动态演进：用户个性化技能可自主学习优化，形成私有资产

原创 TinyEngine 2.11 重磅更新！AI 深度嵌入画布，Vue 项目一键转换成 DSL

TinyEngine v2.11版本发布，聚焦三大升级方向：智能开发体验、资产导入能力和设计器物料生态。新特性包括支持Vue项目/单文件导入低代码平台，画布节点集成AI助手快速修改，将mockserver文件作为数据库并新增dsl-generator技能，预览模式下自动格式化代码等。同时优化了Robot插件迁移至TinyRobot 0.4.0版本，扩充组件物料支持，并修复多项功能细节问题。这些改进使TinyEngine在AI辅助、工程资产复用和开发效率方面获得显著提升，为构建专属低代码平台提供更强大的技术底

原创 Skill 设计：封装、评测、运营，一次讲透

文章摘要 Skill 架构是提升 AI 系统性能的关键，其核心在于三层按需加载机制（Metadata、Instructions、Resources/Scripts），而非堆砌知识。高质量 Skill 应聚焦高频易错场景，避免"百科全书式"设计。编写时应优先明确触发条件和边界，将易变信息外置，确定性逻辑脚本化。常见反模式包括描述模糊、知识过载、缺乏示例等。最佳实践包括：描述作为触发器、记录常见错误、提供反常识信息、渐进式披露文件结构、预置脚本库等。五类常用 Skill 模式（工具包装、生成器、审阅者、倒置、管

原创 Coding Agent 到底是怎么工作的，它又为什么会在复杂代码库里失真？

很多开发者对 AI 编程助手有两个根深蒂固的误解。第一，把它当"黑盒"——输入需求就期待输出完美代码。第二，认为模型有百万级上下文窗口，只要把背景信息交代得够多，效果就会更好。在处理简单、独立的小任务时，这种模式确实高效。但在真实的企业级项目中——几十万行代码、上百个组件、跨模块的业务逻辑、新旧代码共存——这种"黑盒模式"很快就会崩溃。你会发现 AI 开始胡说八道（幻觉）、无视架构约定，甚至写出"技术上正确但业务上致命"的代码。

原创 从零开发 AI 聊天页要两周？试试这款 Vue3 AI对话组件库 TinyRobot，直接开箱即用

垂直定位精准—— 不做通用 UI，专注 AI 对话，不和 TinyVue 内卷Composable 架构—— useMessage/useConversation 让对话逻辑和 UI 解耦，干净responseProvider 模式—— 数据源可插拔，模型切换交给业务接口或后端网关三层包设计—— 组件/工具/资源分离，按需引入不拉全家桶流式支持—— AI 流式响应渲染是刚需，这个不内置你就得自己写。

原创 2026 OpenTiny NEXT 产品调研启动！

OpenTiny NEXT 系列产品（NEXT SDK / TinyRobot / GenUI SDK / AI Extension / WebAgent 等）已陪伴大家走过一段时间。为了更精准地解决实际开发中的痛点，我们正式启动 2026 年度用户体验调研。💬 反馈直达： 填写后如有补充，欢迎 @OpenTiny小助手或在本帖留言。期待听到你的真实声音！🎯 面向对象： 正在使用或曾使用过 OpenTiny NEXT 的开发者。🎁 参与福利： 完成问卷的用户将有机会获得 OpenTiny 定制周边。

原创 生成式 UI 藏大招！看似露营案例，实则电商集成 GenUI SDK 干货

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

原创 TinyRobot Bubble：为 AI 对话而生的 Vue 3 消息气泡组件

单条消息用Bubble完整对话流用BubbleList全局渲染扩展用文本、图片、Markdown、推理、工具调用都有内置支持角色、分组、自动滚动、插槽、CSS 变量和 TypeScript 类型一并覆盖如果你正在用 Vue 3 构建 AI Chat、Agent 控制台、企业知识库助手或 Copilot 类产品，TinyRobot Bubble 可以帮你把注意力从“消息怎么画”转移到“AI 能为用户完成什么”。

原创 GenUI SDK 生成式UI：六大开发特性详解，适配多种业务场景

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

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

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

原创 生成式UI，AI交互的下一个十年？

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

原创 WebSkill —— 运行在浏览器的 Agent 技能

以内置 LLM 为中枢、WebSkill 为业务技能、生成式 UI 为交互桥梁、WebMCP 为底层执行工具的全前端闭环生态，代表了 Web AI 架构演进的必然方向。该架构不仅优雅地化解了系统复杂性带来的“上下文窗口爆炸”难题，更通过前端本地化，为企业赋予了前所未有的敏捷迭代能力与高标准的数据隐私保障。在妥善构建抵御“意图碰撞”等新型攻击的安全边界前提下，前端原生的 WebSkill 将打破传统云端技能的运行桎梏，成为驱动下一代智能化、个性化 Web 应用的核心引擎。

原创 TinyVue 3.30 正式发布：适配多端场景，强化AI辅助编程能力！

TinyVue 3.30 是我们向“全场景、全端化”迈进的重要一步。无论是在复杂的企业级后台，还是轻量级的移动端应用，TinyVue 都致力于成为您最可靠的 UI 伙伴！

原创 重磅预告｜OpenTiny 亮相 QCon 北京，共话生成式 UI 最新技术思考

OpenTiny 团队受邀亮相 QCon 全球软件开发大会，带来生成式 UI 最新技术实践分享。在 AI 重构前端开发的浪潮下，界面开发正从 “手写组件” 走向 “自然语言生成”。但模型生成的界面往往难以落地：交互不完整、业务逻辑缺失、无法对接真实后端与工具生态……本次分享，OpenTiny 团队林瑞虹老师将聚焦 GenUI SDK 这套面向生成式 UI 的前端开发工具，介绍了生成式 UI 的原理以及在业务场景落地诉求下对能力的改造与扩展，讨论了生成式 UI 性能指标以及应用场景的局限性。

原创 炸裂！NEXT SDK 已内置 WebMCP，浏览器能自己调 API 了

本文将深入探讨 WebMCP 的核心机制、行业现状，以及 OpenTiny next-sdk 如何通过兼容性适配层，助力开发者平滑接入这一前沿协议。

原创 GenUI SDK v1.1.0 正式发布｜全端体验革新，能力与稳定性进阶

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

原创 WebAgent ：基于 MCP 协议打造的智能应用“超级路由器”

本文由云软件体验技术团队李锦浩原创。在 NextSDK 介绍文章里，我们聊了怎么用给前端页面快速接入智能化能力——几行代码嵌进去，用户扫个二维码，手机上就能弹出一个 Remoter 对话窗口，直接用自然语言远程操控网页上的功能。答案就是。你手机上弹出的 Remoter 对话窗口和网页之间，其实并没有直连——中间隔着企业网络、防火墙，直连根本不现实。WebAgent 就是站在中间的那个“MCP 转发中枢”：网页端通过把自己的业务能力封装成 MCP 工具，注册到 WebAgent 上；

原创 WebMCP + WebSkills：企业级智能化页面操控方案，兼顾隐私安全与高效落地

这是小明入职这家大型电商平台公司的第一天。屁股还没坐热，老板就走过来丢下一个紧急任务：“小明，有个大客户叫王五，因为百亿补贴活动，我们需要给他补发一个 1000 元的价保申请单。你赶紧操作一下，客户等着呢。小明愣住了。作为刚入职不到两小时的新人，他甚至连后台系统的入口、各级菜单的功能都还没摸清，更别提复杂的价保审核流程和财务对账逻辑了。看着老板匆忙离去的背影，小明坐在工位上对着密密麻麻的业务后台菜单发呆，心里焦虑万分，又不敢在这时候去打扰忙碌的老板请教这种“基础操作”。

原创 AI-Extension：让 AI 真的「看得到、动得了」你的浏览器

AI-Extension 是一个基于 WXT 框架构建的智能浏览器扩展插件。它把 MCP（Model Context Protocol）协议「塞进」了浏览器，让任意网页都能变成可被 AI 智能体操控的应用；同时内置 Skills 技能系统，通过一个 SKILL.md 文件即可为 AI 定义专业角色，让它自动识别意图、以领域专家身份响应。