Tooluck logoTooluck
SKILL.md

excalidraw-diagram

Agent skill fromaxtonliu/axton-obsidian-visual-skills

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".

How to install excalidraw-diagram

install excalidraw-diagram
# install the axton-obsidian-visual-skills pack with the skills CLI
npx skills add axtonliu/axton-obsidian-visual-skills

# or add only this skill to Claude Code: copy the folder

excalidraw-diagram/

# into

~/.claude/skills/excalidraw-diagram/ (all projects)

.claude/skills/excalidraw-diagram/ (one project)

excalidraw-diagram/SKILL.md

MITFull file
1# Excalidraw Diagram Generator
2
3Create Excalidraw diagrams from text content with multiple output formats.
4
5## Output Modes
6
7根据用户的触发词选择输出模式:
8
9| 触发词 | 输出模式 | 文件格式 | 用途 |
10|--------|----------|----------|------|
11| `Excalidraw`、`画图`、`流程图`、`思维导图` | **Obsidian**(默认) | `.md` | 在 Obsidian 中直接打开 |
12| `标准Excalidraw`、`standard excalidraw` | **Standard** | `.excalidraw` | 在 excalidraw.com 打开/编辑/分享 |
13| `Excalidraw动画`、`动画图`、`animate` | **Animated** | `.excalidraw` | 拖到 excalidraw-animate 生成动画 |
14
15## Workflow
16
171. **Detect output mode** from trigger words (see Output Modes table above)
182. Analyze content - identify concepts, relationships, hierarchy
193. Choose diagram type (see Diagram Types below)
204. Generate Excalidraw JSON (add animation order if Animated mode)
215. Output in correct format based on mode
226. **Automatically save to current working directory**
237. Notify user with file path and usage instructions
24
25## Output Formats
26
27### Mode 1: Obsidian Format (Default)
28
29**严格按照以下结构输出,不得有任何修改:**
30
31```markdown
32---
33excalidraw-plugin: parsed
34tags: [excalidraw]
35---
36==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠== You can decompress Drawing data with the command palette: 'Decompress current Excalidraw file'. For more info check in plugin settings under 'Saving'
37
38# Excalidraw Data
39
40## Text Elements
41%%
42## Drawing
43\`\`\`json
44{JSON 完整数据}
45\`\`\`
46%%
47```
48
49**关键要点:**
50- Frontmatter 必须包含 `tags: [excalidraw]`
51- 警告信息必须完整
52- JSON 必须被 `%%` 标记包围
53…

Excerpt shown under the repository's MIT license.

More skills in axton-obsidian-visual-skills

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates