Claude Skills
CollectionsCompareWorkflowsNominate
Sign inSign up
© 2026 Curated Agent Skills·Learn more about Agent Skills
Back to repository

excalidraw-diagram

verified

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 GitHub

Marketplace

triliumnext-skills

tan-yong-sheng/triliumnext-skills

Plugin

triliumnext-skills

Repository

tan-yong-sheng/triliumnext-skills
1stars

skills/excalidraw-drawer/SKILL.md

Last Verified

February 1, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/tan-yong-sheng/triliumnext-skills/blob/main/skills/excalidraw-drawer/SKILL.md -a claude-code --skill excalidraw-diagram

Installation paths:

Claude
.claude/skills/excalidraw-diagram/
Powered by add-skill CLI

Instructions

# 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

### Text

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
5399 chars

Issues Found:

  • name_directory_mismatch