DevUI开发者文档
📖 关于 CodeArts
CodeArts 是华为云面向智能化时代的企业级开源技术组织,致力于为全球开发者提供高效、可信、可扩展的 AI 工程化解决方案,推动软件研发与智能体技术的深度融合。
我们坚信好的开源项目源于真实业务场景的打磨。CodeArts 旗下的核心项目均已在华为云 CodeArts码道、CodeMate、GitCode 等大型产品中稳定运行,并持续向社区开放,与开发者共同成长。
🏗️ 核心项目
1. MateChat 组件库
前端智能化场景解决方案 UI 库,专为 GenAI 应用打造的对话式交互组件库。
| 项目 | 框架 | 描述 | 状态 |
|---|---|---|---|
| matechat-vue | Vue 3 | Vue3 版本 MateChat 组件库 | ✅ 稳定 |
| matechat-ng | Angular | Angular 版本 MateChat 组件库 | ✅ 稳定 |
核心特性:
- 🤖 面向智能化场景 - 专为 AI 对话、智能助手场景设计的组件体系
- 📦 开箱即用 - 内置对话逻辑及常用模板,支持自由定制与二次开发
- 🌈 多主题适配 - 内置无线/深邃夜空/追光/ide-light/ide-dark 等 5+ 主题
- 🌊 流式响应 - 内置对接大模型 API 的标准化方案,支持 DeepSeek、盘古、ChatGPT 等
- 🃏 丰富卡片模板 - 列表类、总览类、代码展示类等多种卡片模板
- 🌍 国际化 - 支持多语言配置
- 📱 响应式 - 自适应不同屏幕尺寸
谁在使用:
- 华为云 CodeArts 码道
- GitCode
2. DevUI 组件库
企业级前端组件库,提供完整的设计体系与高质量组件集合。
| 项目 | 框架 | 描述 | 状态 |
|---|---|---|---|
| vue-devui | Vue 3 | 基于 DevUI Design 的 Vue3 组件库,包含 60+ 高质量组件 | ✅ 稳定 |
| ng-devui | Angular | 企业级 Angular 组件库,支持 Angular 18+ | ✅ 稳定 |
| react-devui | React | React 版本组件库(孵化中) | 🚧 开发中 |
核心特性:
- 🎨 DevUI Design 设计体系 - 统一的设计语言与视觉规范
- ⚡ 按需加载 - 支持 Tree-shaking,减少打包体积
- 🌍 国际化支持 - 内置多语言支持,方便构建全球化应用
- 🎭 主题定制 - 内置追光、蜜糖、紫罗兰等 7+ 精美主题
- ⛰️ Nuxt3 支持 - 完美适配 SSR/SSG 场景
- 📘 TypeScript - 完整的类型定义,提升开发效率
3. Agent 评测集
面向大模型 Agent 能力的标准化评测基准与数据集。
| 项目 | 描述 | 状态 |
|---|---|---|
| agent-benchmark | Agent 能力评测基准与数据集 | 🚧 建设中 |
核心特性:
- 📊 标准化评测 - 提供统一的 Agent 能力评估标准
- 🧪 多维度测试 - 覆盖推理、规划、工具调用、多轮对话等能力维度
- 📈 可量化评估 - 支持自动化评分与性能对比
- 🔧 易于扩展 - 模块化设计,支持自定义评测任务
🌟 设计理念
DevUI Design 设计价值观
高效 · 开放 · 可信 · 乐趣
我们倡导自然与人文相结合的设计理念,为设计师和前端开发者提供标准的设计体系,满足各类中后台产品的落地场景。
MateChat 设计哲学
体验无边界,业务无侵害
MateChat 致力于构建不同业务场景下高一致性的 GenAI 体验系统语言,匹配各种工具/平台的原生业务场景和界面特征,打造流畅亲和、跨界一致、易学易用的用户体验。
🚀 快速开始
DevUI (Vue3)
npm install vue-devui
import { createApp } from 'vue'
import App from './App.vue'
import DevUI from 'vue-devui'
import 'vue-devui/style.css'
createApp(App).use(DevUI).mount('#app')
MateChat (Vue3)
npm install @matechat/core @devui-design/icons
import { createApp } from 'vue'
import App from './App.vue'
import MateChat from '@matechat/core'
import '@devui-design/icons/icomoon/devui-icon.css'
createApp(App).use(MateChat).mount('#app')
🤝 参与共建
我们诚挚地邀请您加入 CodeArts 社区,一起参与项目的建设。无论您是经验丰富的开发者,还是刚刚起步的编程爱好者,您的贡献都对我们至关重要。
贡献者
感谢所有为 CodeArts 做出贡献的开发者!
📄 许可证
CodeArts 组织下的项目均采用 MIT 许可证 开源。
⭐ 如果我们的项目对您有帮助,请给我们一个 Star!