一款AI 工作流驱动的跨平台低代码拖拽式搭建一套设计多端输出让开发效率直接起飞猫拽低代码是一款基于Vue3 TypeScript Vite构建的跨平台低代码平台集成了可视化设计器、工作流引擎、AI 智能辅助三大核心能力让你通过拖拽就能快速搭建小程序、H5 和 APP 应用。1. 可视化设计器猫拽的设计器是一个功能完备的可视化拖拽编辑器核心亮点拖拽式画布从物料面板拖入组件实时预览效果选中、多选、对齐一气呵成iframe 沙箱渲染画布在独立沙箱中运行组件渲染环境与设计器互不干扰保证预览效果真实可靠插槽选择器拖入容器组件时自动弹出插槽选择精准控制子组件渲染位置2. 工作流引擎通过图形化节点连线实现复杂业务逻辑10 内置节点条件分支、循环体、跳出循环、云函数、HTTP 请求、物料事件……覆盖绝大多数业务场景动态端口条件分支和物料事件节点的端口数量不固定根据配置自动生成灵活应对多分支逻辑异常处理云函数和 HTTP 请求节点支持三种异常策略——中断执行、返回默认值、走异常分支保障业务健壮性MCP 辅助工作流画布同样支持 AI 辅助编辑AI 帮你添加节点、连线、配置属性3. 插件化架构猫拽采用全插件化架构所有设计器功能均以插件形式注册当前内置30 插件类别插件能力配置编辑props、styles、tree、variable、datasource、script属性编辑、样式可视化、大纲树导航、变量管理、数据源配置、云函数编辑物料资源materials、resource物料组件面板、图片/视频/音频/图标资源管理结构编辑ast-schema、ast-workflow页面 DSL 直接编辑、工作流 Schema 直接编辑AI 能力robotAI 智能助手自然语言生成页面4. 丰富物料库内置组件库物料覆盖 PC 端和移动端全场景UniApp—— 原生小程序组件UniUI—— UniApp 扩展 UI 组件库每个组件都有完整的元信息定义属性、事件、插槽、默认值拖入画布即可使用属性面板自动生成配置表单。同时支持自定义物料扩展满足个性化需求。5. AI 智能辅助猫拽集成了AiMcp智能辅助能力支持通过自然语言描述需求生成页面。设计器画布和工作流画布均提供 MCPModel Context Protocol操作接口AI 可以帮你添加/删除/修改物料节点修改节点属性和样式Vue SFC 源码转 DSL添加/删除工作流节点和连线获取页面 Schema 和组件列表6. 全端适配一套设计同步输出小程序微信小程序等 UniApp 跨端环境H5移动端网页APP通过 HBuilderX 云打包跨端渲染器catpull-uni包含自定义表达式解析器兼容小程序沙箱限制、节点处理器、上下文管理器确保设计器产出的 DSL 在各端表现一致。技术架构猫拽采用前端 pnpm Monorepo 后端 Node.js 服务架构技术栈成熟可靠模块技术栈说明设计器catpull-designerVue3 Vite可视化拖拽编辑器主入口跨端渲染器catpull-uniUniApp Vue3DSL 跨端运行时渲染主服务器Express Sequelize TypeScriptAPI 接口、用户认证、项目管理云函数服务Express vm2沙箱环境执行用户自定义代码画布沙箱运行时设计器画布在 iframe 中独立运行加载 Vue、UniApp 等预构建运行时依赖通过 postMessage 与主窗口通信确保渲染环境隔离且真实。开放能力提供完整的公有云开放 API支持第三方平台集成AppKey 认证通过app_idapp_key密钥认证安全可靠项目管理创建、删除、还原等设计器接入获取带 JWT 签名的设计器访问地址直接嵌入你的平台存储空间查询 COS 存储使用情况只需几行代码就能把猫拽的可视化搭建能力嵌入到你的产品中为什么选择猫拽对比维度传统开发猫拽低代码开发方式手写代码拖拽搭建 可视化配置多端适配每个端单独开发一套设计多端输出业务逻辑编写复杂代码工作流图形化编排样式调整改代码刷新看效果可视化调整实时预览AI 辅助无自然语言生成页面上手门槛需要专业前端技能拖拽即可低门槛高上限立即体验官网猫拽低代码平台