Generate Excalidraw diagrams from text content for Trilium Notes. Use when user asks to create diagrams, flowcharts, mind maps, or visual representations. Triggers on "Excalidraw", "Diagram", "Flowchart", "Mind Map", "Visualize".
View on GitHubskills/excalidraw-drawer/SKILL.md
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/tan-yong-sheng/triliumnext-skills/blob/main/skills/excalidraw-drawer/SKILL.md -a claude-code --skill excalidraw-diagramInstallation paths:
.claude/skills/excalidraw-diagram/# Excalidraw Diagram Generator
Create Excalidraw diagrams from text content and save them directly to Trilium Notes using the MCP tool.
## Workflow
1. **Analyze Content**: Identify concepts, relationships, and hierarchy in the user's request.
2. **Choose Diagram Type**: Select the appropriate visualization style (see guide below).
3. **Generate Excalidraw JSON**: Construct the complete, valid JSON data structure.
4. **Execute Tool**: Call the `create_note` function from `triliumnext-mcp`.
* `title`: A descriptive title.
* `content`: The complete Excalidraw JSON string.
* `type`: `canvas`
* `mime`: `application/json`
* and other input parameters if required.
5. **Notify User**: Confirm the note has been created in Trilium.
## Diagram Types & Selection Guide
Select the appropriate chart form to enhance understanding and visual appeal.
| Type | Description | Usage Scenario | Approach |
| :--- | :--- | :--- | :--- |
| **Flowchart** | Step-by-step logic | Processes, workflows, task sequences | Connect steps with arrows to show direction. |
| **Mind Map** | Radiating concepts | Brainstorming, topic classification, ideas | Radiate outwards from a central core node. |
| **Hierarchy** | Organizational tree | Org charts, system breakdowns, taxonomies | Build nodes top-down or left-to-right. |
| **Relationship** | Network/Connection | Dependencies, interactions, influences | Use lines/arrows with labels to show how items relate. |
| **Comparison** | Side-by-side | Analyzing two or more options/views | Columns or tables comparing specific dimensions. |
| **Timeline** | Chronological | Project schedules, history, evolution | Use a time axis with milestones and events. |
| **Matrix** | Quadrant/Grid | 2-axis classification, prioritization | Plot items on X and Y axes (e.g., Eisenhower Matrix). |
| **Freeform** | Unstructured | Rough ideas, mood boards, loose collections | No structural limits; free placement of elements. |
## Design Rules
### TextIssues Found: