Communitygithub.com

axtonliu/excalidraw-diagram

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order).

What is excalidraw-diagram?

The `axtonliu/excalidraw-diagram` skill allows you to generate Excalidraw diagrams directly from textual descriptions. It is highly useful for developers and technical writers who need to quickly visualize concepts, workflows, or mind maps without manual drawing. The skill supports three distinct output modes: - **Obsidian (.md)**: Embeds the diagram as a markdown snippet for note-taking apps like Obsidian. - **Standard (.excalidraw)**: Produces a standard excalidraw file for use with any Excalidraw client. - **Animated (.excalidraw)**: Creates an animated version with element ordering, ideal for demonstrating step-by-step processes. It automatically triggers on keywords like "Excalidraw", "diagram", "画图" (Chinese for drawing), "流程圖" (flowchart), "思维导图" (mind map), and others. The skill works across platforms that support Excalidraw and is designed for clarity, usability, and seamless integration into developer documentation and workflows.

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/skills/excalidraw-diagram

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does excalidraw-diagram do?

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".

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Related Skills