关于 diagram-skills
这组包含 9 项图表与视觉内容技能，涉及 Mermaid、PlantUML、Excalidraw 和 tldraw 等工具。适用于将代码、文本或数据转为流程图、架构图及其他视觉材料的用户。
主要功能
- 01用 Mermaid 可视化代码流程
- 02根据文本创建 Excalidraw 图表
- 03用 JSON Crack 可视化 JSON 结构
- 04通过 Kroki 生成图表
- 05设计多图 Mermaid 架构
- 06创建 Mermaid 流程图与时序图
- 07用 PlantUML 绘制 UML 图
- 08创建科学插图
- 09用 tldraw 绘制白板图表
适用场景
- 01将 Python 或 JavaScript 函数转为流程图
- 02根据文本描述渲染图表
- 03可视化探索复杂 JSON 结构
- 04制作科学示意图和图形摘要
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/diagram-skills确认已加载。
详细介绍
图表与可视化 — 9 个技能
选择符合用户需求的技能，然后 read 其 SKILL.md。
| 技能 | 描述 |
|---|---|
| code-flow-visualizer | 将 Python、JavaScript 和 TypeScript 函数转换为 Mermaid 流程图 |
| excalidraw-diagram-guide | 根据文本描述生成手绘风格的 Excalidraw 图表 |
| json-data-visualizer | 使用 JSON Crack 可视化复杂 JSON 数据结构的指南 |
| kroki-diagram-api | 通过 Kroki 的多格式渲染 API，根据文本生成图表 |
| mermaid-architect-guide | 使用高级 Mermaid 语法设计复杂的多图表架构 |
| mermaid-diagram-guide | 使用 Mermaid 创建流程图、时序图和架构图 |
| plantuml-guide | 使用 PlantUML 创建 UML 图和架构可视化图 |
| scientific-illustration-guide | 创建图形摘要、示意图和科学插图 |
| tldraw-whiteboard-guide | 使用 tldraw 进行无限画布白板绘制和图表创建的指南 |
评论
支持 Markdown