---

---

一款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 能力	robot	AI 智能助手，自然语言生成页面

4. 丰富物料库

内置组件库物料，覆盖 PC 端和移动端全场景：

• UniApp —— 原生小程序组件
• UniUI —— UniApp 扩展 UI 组件库

每个组件都有完整的元信息定义（属性、事件、插槽、默认值），拖入画布即可使用，属性面板自动生成配置表单。同时支持自定义物料扩展，满足个性化需求。

5. AI 智能辅助

猫拽集成了 AiMcp 智能辅助能力，支持通过自然语言描述需求生成页面。设计器画布和工作流画布均提供 MCP（Model Context Protocol）操作接口，AI 可以帮你：

• 添加/删除/修改物料节点
• 修改节点属性和样式
• Vue SFC 源码转 DSL
• 添加/删除工作流节点和连线
• 获取页面 Schema 和组件列表

6. 全端适配

一套设计同步输出：

• 小程序（微信小程序等 UniApp 跨端环境）
• H5（移动端网页）
• APP（通过 HBuilderX 云打包）

跨端渲染器（catpull-uni）包含自定义表达式解析器（兼容小程序沙箱限制）、节点处理器、上下文管理器，确保设计器产出的 DSL 在各端表现一致。

---

技术架构

猫拽采用 前端 pnpm Monorepo + 后端 Node.js 服务 架构，技术栈成熟可靠：

模块	技术栈	说明
设计器（catpull-designer）	Vue3 + Vite	可视化拖拽编辑器主入口
跨端渲染器（catpull-uni）	UniApp + Vue3	DSL 跨端运行时渲染
主服务器	Express + Sequelize + TypeScript	API 接口、用户认证、项目管理
云函数服务	Express + vm2	沙箱环境执行用户自定义代码

画布沙箱运行时：设计器画布在 iframe 中独立运行，加载 Vue、UniApp 等预构建运行时依赖，通过 postMessage 与主窗口通信，确保渲染环境隔离且真实。

---

开放能力

提供完整的公有云开放 API，支持第三方平台集成：

• AppKey 认证：通过 app_id + app_key 密钥认证，安全可靠
• 项目管理：创建、删除、还原等
• 设计器接入：获取带 JWT 签名的设计器访问地址，直接嵌入你的平台
• 存储空间：查询 COS 存储使用情况

只需几行代码，就能把猫拽的可视化搭建能力嵌入到你的产品中！

---

为什么选择猫拽？

对比维度	传统开发	猫拽低代码
开发方式	手写代码	拖拽搭建 + 可视化配置
多端适配	每个端单独开发	一套设计多端输出
业务逻辑	编写复杂代码	工作流图形化编排
样式调整	改代码刷新看效果	可视化调整实时预览
AI 辅助	无	自然语言生成页面
上手门槛	需要专业前端技能	拖拽即可，低门槛高上限

---

立即体验

官网：猫拽低代码平台