Excalidraw Diagram Skill logo

Excalidraw Diagram Skill

打开

为 Obsidian 从文本生成 Excalidraw 图表 - 支持流程图、思维导图、关系图、时间线等,并自动创建文件。

分享:

Excalidraw 图表生成器

从文本内容创建 Excalidraw 图表,自动输出带有正确 frontmatter 和 JSON 结构的 Obsidian 就绪 .md 文件。

核心优势

  • 从文本描述自动生成 Excalidraw 图表
  • 8 种图表类型:流程图、思维导图、层级图、关系图、对比图、时间线图、矩阵图、自由布局
  • 自动创建带有正确 Obsidian frontmatter 的文件
  • 所有文本使用 Excalifont 手写字体(fontFamily: 5)
  • 具有语义含义的专业调色板
  • 画布范围优化(0-1200 x 0-800)

主要功能

  • 图表类型:流程图、思维导图、层级图、关系图、对比图、时间线图、矩阵图、自由布局
  • 文本格式:自动引号替换("『』()「」),正确的字体系列(Excalifont)
  • 布局规则:适当的元素间距、清晰的层次结构、和谐的配色方案
  • 文件生成:使用有意义的文件名自动保存到当前目录
  • Obsidian 集成:完整的 frontmatter,包含 excalidraw-plugin: parsedtags: [excalidraw]

使用场景

  • 从文本创建图表、流程图或思维导图
  • 可视化概念、关系或流程
  • 构建 Excalidraw 格式的视觉表示
  • 用户提到"Excalidraw"、"画图"、"流程图"、"思维导图"、"可视化"、"diagram"

工作流程

  1. 分析内容 - 识别概念、关系、层次结构
  2. 从 8 个选项中选择合适的图表类型
  3. 生成具有正确元素结构的 Excalidraw JSON
  4. 创建具有正确 frontmatter 的 Obsidian 就绪 .md 文件
  5. 自动保存到当前工作目录
  6. 通知用户文件路径和使用说明

技术要求

  • 所有文本元素使用 fontFamily: 5(Excalifont)
  • 引号替换:"『』()「」
  • 字体大小:标题(24-28px)、副标题(18-20px)、正文(14-16px)
  • 行高:所有文本 lineHeight: 1.25
  • 调色板:深蓝(#1e40af)用于标题,亮蓝(#3b82f6)用于连接

来源:https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/excalidraw-diagram 许可证:查看仓库了解详情

评论

还没有评论。成为第一个评论的人!