关于 explain-diagram
指导 Agent 用可编辑的 Excalidraw 图示解释概念的技能，提供选择图示形式、检查可读性并附简短说明交付的流程。
主要功能
- 01根据问题选择图示结构
- 02使用 Excalidraw 创建图示
- 03检查并修正渲染结果
- 04交付可编辑图示及说明
适用场景
- 01用流程图解释一个过程
- 02展示概念之间的关系
- 03直观比较不同选项
MCP 相关
有可用环境时，技能使用内置的 Excalidraw MCP 服务并调用 `read_me` 和 `create_view`；没有 MCP 时，可创建可导入的原生 `.excalidraw` JSON。
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/explain-diagram确认已加载。
附带文件references/excalidraw.md
详细介绍
用图表进行说明
Karpathy 的前提：图表可能比文字说明更容易理解。
- 确定读者需要解答的问题。选择一种流程、关系、比较或顺序，让答案一目了然。
- 使用 Excalidraw。使用随附的 MCP 服务时，先调用一次
read_me，然后调用create_view，并传入 JSON 元素数组字符串。遵循其当前架构。 - 每个形状只表达一个想法。使用简短、具体的标签，并明确标注箭头方向。标注决策和反馈循环。仅在颜色有意义时使用颜色。
- 以新手的视角检查图表。检查文字大小、重叠、箭头端点，以及主要路径是否清晰。修正渲染结果。
- 返回可编辑的图表，并简要说明如何阅读。宿主支持导出时，保存为
.excalidraw文件；在拿到文件或分享链接之前，不要声称它们已存在。
如果 MCP 不可用，请创建可导入的原生 .excalidraw JSON，并导入到
excalidraw.com。参见工具参考。
使用尽可能少的形状来保留重要关系。明确呈现不确定性。创建所需的产物，不要把说明写成报告。
评论
支持 Markdown