编程 基于 OpenCode 的开源智能体平台:code-agent 让 AI 帮你在 UBML 低代码场景做页面开发

2026-07-05 08:54:51 +0800 CST views 15

基于 OpenCode 的开源智能体平台:code-agent 让 AI 帮你在 UBML 低代码场景做页面开发

GitHub: https://gitee.com/ubml/code-agent
协议: Apache-2.0(extension/knowledge/ubml-codegen)+ MIT(OpenCode 引擎)
版本: v2.0.0-beta.1
运行时: Bun ≥ 1.3.14


一、项目定位

code-agent 是基于 OpenCode 智能体引擎构建的开源 AI 开发平台,专门为 UBML(Unified Business Modeling Language)低代码 场景做了领域扩展。

核心能力:在 Web UI 里和 Agent 对话,让它在你的本地工作区里帮忙写代码、改配置、生成低代码页面


二、核心能力

1. Agent 对话

  • 基于 OpenCode,支持多 LLM Provider
  • Web 端流式交互
  • 在本地工作区直接操作代码

2. UBML 知识包

低代码模型范例,给 Agent 和编译器共用:

  • 让模型理解低代码组件该怎么用、有哪些约束
  • YAML DSL 描述页面 → 一键编译模型 → 校验通过后预览 → 必要时反编译回来

3. 可扩展 UI

Extension 通过 module override 定制界面,不必 fork 上游。开发写在 packages/extension/ 里,和 upstream 引擎代码分开。

4. 规约驱动开发

较大变更使用 OpenSpec:proposal → design → tasks 工作流。


三、快速开始

环境要求

  • Bun ≥ 1.3.14

安装运行

git clone https://gitee.com/ubml/code-agent.git
cd code-agent
bun install
bun run dev:with-preview   # 后端 :4096,前端 :3000,页面预览 :3100

Windows 一键启动:

bun run dev:windows
# 或双击 script\start-dev.bat

启动后

  1. 浏览器访问 http://localhost:3000
  2. 选一个本地工作目录
  3. Settings → Providers 里配置 LLM(凭据存在本地,不会进 git)
  4. 新建 Session,发一条消息看看 Agent 是否正常回复

四、目录结构

code-agent/
├── packages/
│   ├── extension/            ★ 产品定制主入口
│   │   ├── src/              UI、Workbench、UBML API
│   │   ├── assets/ubml/      Schema、prompt、范例
│   │   └── preview/          Vue 低代码预览
│   ├── ubml-codegen/         DSL 编译、校验、反编译
│   ├── knowledge/            知识服务与 MCP
│   ├── ide-host/             IDE Host 集成
│   ├── desktop/              Electron 桌面壳
│   │
│   ├── opencode/             ┐
│   ├── core/                 │ OpenCode 引擎与 Web UI(MIT)
│   ├── app/                  │ 日常开发改 extension,不要修改这里
│   ├── ui/                   │
│   ├── sdk/js/               │
│   └── plugin/               ┘
│
├── script/                   开发脚本
├── docs/                     文档
├── openspec/                 OpenSpec 变更记录
├── assets/                   静态资源
└── vendor/                   版本基线与 import 清单

五、常用命令

命令做什么
bun run dev:with-preview推荐 — 主环境 + UBML 页面预览(:3000 / :4096 / :3100)
bun run dev:stop停止上述开发服务
bun run dev仅主环境,不含页面预览
bun run dev:backend只跑 OpenCode API(:4096)
bun run dev:web只跑 extension 前端(:3000)
bun run dev:preview只跑 UBML 页面预览(:3100)
bun run dev:desktopElectron 桌面壳
bun run dev:ide-hostIDE Host(OpenVSCode Server)
bun run dev:windowsWindows 一键启动
bun run typecheck全仓库类型检查
bun run smokeAPI 冒烟(需已配置 Provider)

UBML 相关命令

bun run ubml:build-pack                    # 构建 / 同步知识包
bun run ubml:compile -- path/to/page.yaml  # 编译页面
bun run ubml:verify -- path/to/page.yaml   # 校验页面
bun run ubml:decompile -- path/to/page.json  # 反编译
bun run ubml:install-agent                 # 安装 Agent

六、许可与贡献

代码范围许可怎么贡献
extension/knowledge/ubml-codegen/script/docs/openspec/Apache-2.0直接提 PR
opencode/app/ui/MITdocs/VENDOR-SYNC.md

七、相关项目

  • OpenCode — 上游智能体引擎与 Web UI
  • chenshj/opencode — 本项目的 OpenCode 维护 fork
  • OpenSpec — 规约驱动开发工具链
  • UBML 社区 — UBML 背景与规范

八、源码地址


总结

code-agent 是一个将 AI Agent 与低代码开发结合的平台:

  • 🤖 基于 OpenCode 智能体引擎,支持多 LLM Provider
  • 📝 UBML 知识包让 AI 理解低代码组件语义和约束
  • 🔄 YAML DSL → 编译 → 校验 → 预览 → 反编译的完整管线
  • 🎨 可扩展 Web UI,module override 定制界面
  • 📋 OpenSpec 规约驱动开发,proposal → design → tasks
  • 🖥️ 多种运行模式:Web / Desktop(Electron)/ IDE Host

适合想在低代码场景里引入 AI 辅助开发的团队。


原文综合整理自微信公众号「一飞开源」。

推荐文章

Vue3中的Slots有哪些变化?
2024-11-18 16:34:49 +0800 CST
CSS 媒体查询
2024-11-18 13:42:46 +0800 CST
55个常用的JavaScript代码段
2024-11-18 22:38:45 +0800 CST
在Vue3中实现代码分割和懒加载
2024-11-17 06:18:00 +0800 CST
使用 `nohup` 命令的概述及案例
2024-11-18 08:18:36 +0800 CST
Hypothesis是一个强大的Python测试库
2024-11-19 04:31:30 +0800 CST
程序员茄子在线接单