docs:DevUI开发者文档

DevUI开发者文档

分支2Tags0
文件最后提交记录最后更新时间
Initial commit2 年前
update: 更新文件 README.md24 天前

CodeArts

面向智能化时代的开源技术组织

官网 · 文档 · 贡献指南 · English


📖 关于 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!

项目介绍

DevUI开发者文档

定制我的领域