基于华为云码道（CodeArts）代码智能体安装excalidraw-diagram skills，让画图门槛极大降低
案例简介：本案例将基于华为云码道（CodeArts）代码智能体安装excalidraw-diagram skills，让画图门槛极大降低。
一、概述
1.1 案例介绍
华为云码道（CodeArts）代码智能体是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面，它能够依据开发者输入的需求描述，准确且高效地生成高质量代码；智能问答功能则如同开发者身边的专属技术顾问。
本案例将基于华为云码道（CodeArts）代码智能体安装excalidraw-diagram skills，让画图门槛极大降低。
1.2 适用对象
- 个人开发者
- 高校学生
- 企业开发人员
1.3 案例时间
本案例总时长预计20分钟。
1.4 案例流程
说明：
- 用户安装 [华为云码道（CodeArts）代码智能体。
- 用户下载对应的skills。
- 通过prompt体验excalidraw-diagram的功能。
1.5 资源总览
本案例预计花费0元。
| 资源名称 | 规格 | 单价（元） |
|---|---|---|
| 华为云码道（CodeArts）代码智能体 | 通用体验版 | 免费 |
二、环境和资源准备
AI IDE华为云码道安装部署
参考案例《Windows版AI IDE华为云码道（CodeArts）代码智能体安装部署》完成Windows版AI IDE华为云码道（CodeArts）代码智能体安装部署。
三、Excalidraw-Diagram介绍
3.1 介绍
Excalidraw-Diagram 是一个强大的图表生成工具,可以将文本内容自动转换为美观的手绘风格图表。它基于 excalidraw 开源绘图工具,提供了多种输出格式和图表类型。
与其他工具的对比
| 特性 | Excalidraw-Diagram | 传统绘图工具 | 代码生成工具 |
|---|---|---|---|
| 学习成本 | 低(自然语言描述) | 高(手动绘制) | 中(学习语法) |
| 生成速度 | 快(自动生成) | 慢(手动绘制) | 快(代码生成) |
| 视觉效果 | 手绘风格,美观 | 专业,精确 | 规范,统一 |
| 可编辑性 | 高(可在 Excalidraw 编辑) | 高 | 低(需修改代码) |
| 协作分享 | 容易(JSON 格式) | 困难 | 容易(代码) |
3.2 使用方法
只需在对话中描述你想要绘制的图表内容,并使用触发词即可:
基础功能：
- 帮我画一下这个项目的架构图
- 画一个用户登录的流程图
- 生成标准Excalidraw格式的系统设计图
高级功能：
生成一个Excalidraw动画图,展示数据流转过程
更多使用方法详情：官方文档
注：在任务完成后，聊天框里有如何打开的提示。
3.3 总结
Excalidraw-Diagram 是一个将自然语言描述转换为可视化图表的强大工具,特别适合:
- 快速生成技术文档图表
- 创建清晰的项目架构图
- 制作演示和汇报材料
- 整理复杂的概念和关系
它结合了 AI 的理解能力和 Excalidraw 的手绘美学,让图表创建变得简单而高效。
四、Excalidraw-Diagram实战
4.1 下载并安装Excalidraw-Diagram
Excalidraw-Diagram属于axton-obsidian-visual-skills中的其中一个;我们可以点击https://github.com/axtonliu/axton-obsidian-visual-skills自行下载，可以在附件下载。
下载完成后，将zip包解压到C盘中的.codeartsdoer文件夹中的skills文件夹，这样skills就可以在AI IDE华为云码道（CodeArts）代码智能体中使用了
4.2 Excalidraw-Diagram实战
选择一个已经实现的项目，如果没有的话可以让智能体先生成一个。在对话框中输入：
帮我画一下这个项目的功能标准Excalidraw图，稍等片刻后即可生成。
而Excalidraw-Diagram不仅仅可以帮你更快更清晰的了解项目，也可以帮你阅读文档帮你生成一个流程图或者思维导图，也可以询问一个知识点后，帮你整理成一个思维导图。比如，我让他生成的动画图：
生成一个Excalidraw动画图,展示数据流转过程
至此，Excalidraw-Diagram实战已完成。
五、反馈改进建议
如您在案例实操过程中遇到问题或有改进建议，可以到论坛帖评论区反馈即可，我们会及时响应处理，谢谢！
- 点赞
- 收藏
- 关注作者
评论（0）