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

前言

低代码平台建设过程中，技术底座选型始终是一个核心议题。TinyEngine 的定位，正是为团队提供一套高度可定制的基础设施——它不仅支持可视化页面搭建等核心能力，更重要的是，通过 CLI 工程化方式支持深度二次开发，帮助开发团队快速构建专属的低代码平台。

资源编排、服务端渲染、模型驱动应用，以及移动端、大屏端、复杂页面编排等场景，TinyEngine 均能灵活应对。近期，我们正式发布了 TinyEngine v2.11 版本，升级重点聚焦于三个方向：更智能的开发体验、更流畅的资产导入能力，以及更完整的设计器物料生态。

本次版本的新特性与问题修复，得到了不少开发者朋友的贡献，特别感谢 @zjy2414 的积极参与。也欢迎更多开发者加入开源社区，共同推动 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 在真实场景中不断淬炼成长。

未来之路，我们继续同行。