TinyEngine 2.11 版本发布：AI 进一步融入画布，Vue 工程可一键转 DSL

前言

TinyEngine 是一款面向未来的低代码引擎底座，致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力，更可通过 CLI 工程化方式实现深度二次开发，帮助团队快速构建专属的低代码平台。

无论是资源编排、服务端渲染、模型驱动应用，还是移动端、大屏端、复杂页面编排场景，TinyEngine 都能灵活适配，成为你构建低代码体系的坚实基石。

最近我们正式发布 TinyEngine v2.11 版本，升级重点放在了三个方向上：更智能的开发体验、更顺滑的资产导入能力，以及更完整的设计器物料生态。

• 开源地址：https://github.com/opentiny/tiny-engine（欢迎 Star ⭐）
• 官方网站：https://opentiny.design/tiny-engine

这次版本特性开发和问题修复已经有更多的开发者朋友参与进来，我们在此诚挚感谢 @zjy2414 积极参加 TinyEngine 的开源共建，同时也邀请大家一起加入开源社区的建设，让 TinyEngine 成长的更加优秀和茁壮。

变更特性概览

• 【新特性】支持Vue项目/单文件导入低代码平台
• 【新特性】画布节点添加 AI 助手入口快速修改
• 【新特性】支持将mockserver文件作为数据库，并添加dsl-generator技能
• 【新特性】在预览模式下自动格式化生成的代码
• 【增强】robot插件迁移TinyRobot到0.4.0版本
• 【增强】组件物料更新
• 【其他】功能细节优化与bug修复

新特性解读

1.【新特性】支持Vue项目/单文件导入低代码平台

本次版本增加了从 Vue 源码导入到设计器的完整链路能力。很多团队在引入低代码平台时，最大的障碍并不是“能不能新建页面”，而是“已有 Vue 项目怎么办”。如果历史页面、组件和工程资产无法复用，那么低代码体系就很容易变成一套割裂的新系统，推广成本也会明显升高。2.11.0 提供的 Vue to DSL 能力，正是在解决这个问题。

它支持将 Vue 单文件、项目目录或 zip 包解析为 TinyEngine DSL schema，并进一步导入为页面、区块、资源和依赖数据，供设计器继续编辑和预览。

(1).导入Vue单文件

(2).导入项目目录

(3).导入zip包

(4).导入后的画布呈现以及i18n、数据源、页面/应用状态等面板展示

(5).项目导入后预览

2.【新特性】画布节点添加 AI 助手入口快速修改

在 2.11.0 版本中，AI 能力进一步深入设计器画布。新增的画布节点 AI 助手，让开发者在页面搭建过程中，能够围绕具体节点获得更自然的辅助支持。相比停留在对话层面的 AI 接入，这种更贴近实际编辑场景的能力，让智能辅助真正进入低代码研发主流程，帮助开发者更高效地完成页面编排与应用构建。

(1).在画布的每个节点上都有AI助手

(2).节点AI助手与robot插件是同一个配置

(3).向节点AI助手发起会话，完成会话后可以选择采纳、放弃或重新发起会话

3.【新特性】支持将mockserver文件作为数据库，并添加dsl-generator技能

• file启动模式：mockserver 新增file(默认为db)启动方式，使用该模式时，mockserver接口从文件（data/**/*.json文件）中获取数据，也会更新到文件中。
  使用方式：
  (1).项目根目录执行 pnpm dev:file， file模式启动后，创建页面、创建应用
  
  (2).项目生成相应的 json 文件
  
  

• dsl-generator skill：添加项目级skill，可以在Claude Code/Cursor/OpenCode/Codex等本地Agent中使用该skill 生成页面/区块/应用的DSL到 data/**/*.json中，配合file启动模式，实现让本地AI Agent工具生成生成页面/区块/应用。
  使用方式：
  (1).使用claude code调用skill (.agents/skills – 支持cursor/opencode/codex等, .claude/skills – 软链接指向.agents/skills, 支持claude code)
  
  
  (2).生成页面、应用
  
  

4.【新特性】在预览模式下自动格式化生成的代码

• 在公共 AST 工具中增加对 Vue 和 Less 格式化的支持。
• 实现基于文件扩展名的 Prettier 解析器自动选择功能。
• 页面预览/应用预览中所有生成的代码文件（脚本、模板及配置文件）均可经过格式化，以提升可读性。

5.【能力增强】

本次版本还同步推动了 Robot 插件迁移到 TinyRobot 0.4.0，这类升级的意义在于，AI 相关能力想要真正稳定地服务于设计器场景，不能只靠前端交互层拼接，而需要底层插件体系持续增强。TinyRobot 升级到 0.4.0，可以理解为 TinyEngine 在 AI 助手、智能交互、机器人能力集成这条链路上的一次基础加固。

在设计器物料能力方面，v2.11继续扩充常用组件支持。新版本加入了 action-menu、alert、link、divider、anchor、drawer、container、file-upload 等组件和相关图标能力，也补充了 dropdown 等常用组件支持。

6.【其他】功能细节优化与bug修复

• onUpdate 前缀事件名称保存失败
• 序列化 page_content 以解决 mockserver 创建页面错误
• 部分图表预览无法显示
• 添加 css结构化 特性开关
• 优化模型、资源、工具和ai对话框样式，替换部分图标
• 更新生成代码单元测试
• 添加模型管理Mock
• 不同应用程序创建同一页面时出现的错误消息
• 移除暴露密钥的工作流级环境变量块
• 数据源配置支持无需请求配置的接口成功亦可保存
• 修复robot插件在消息渲染与图片上传场景下的交互问题，并补充对应测试用例
• 文档更新
  • 添加建立代码指令文档
  • 部署工作流支持自定义后端URL

结语

从 AI 辅助深入画布，到 Vue 工程反向导入 DSL，再到组件生态和本地调试能力持续完善，TinyEngine v2.11 正在让低代码平台建设这件事，变得更智能、更开放，也更贴近真实研发流程。

这不仅仅是一个版本的更新，更是社区共建成就的见证。我们相信，开源的意义不仅在于代码共享，更在于思想碰撞与协作共创。正是每一位用户的使用、反馈与贡献，让 TinyEngine 在真实场景中不断淬炼成长。

未来之路，我们继续同行。
欢迎你持续关注 TinyEngine 的演进，参与社区讨论，提交你的想法与代码。让我们携手，把低代码的可能性推向更远的地方。

关于OpenTiny

欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～
OpenTiny 官网：https://opentiny.design
OpenTiny 代码仓库：https://github.com/opentiny
TinyEngine源码：https://github.com/opentiny/tiny-engine

欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、GenUI SDK、TinyRobot、NEXT SDK
如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~