Generate Stunning Diagrams from One Sentence with Excalidraw AI Skill

AI agents have reshaped many development tasks, especially diagram creation, which previously required manual tools like Draw.io, Visio, or Excalidraw.

The GitHub official skill excalidraw-diagram-generator enables an agent to convert natural‑language prompts directly into beautiful, editable Excalidraw diagrams.

Core capability

With a single sentence such as “Generate a user login flowchart”, the skill produces a .excalidraw file that can be opened and further edited in Excalidraw.

Installation

npx skills add https://github.com/github/awesome-copilot --skill excalidraw-diagram-generator

Supported diagram types

Flowcharts

Relationship diagrams

Mind maps

Architecture diagrams

Data Flow Diagrams (DFD)

Swimlane diagrams

Class diagrams

Sequence diagrams

ER diagrams (database modeling)

How it works

Understand requirement: analyse the requested diagram type, key elements, and relationships.

Extract structure: break the text into nodes, arrows, decision points, lanes, etc.

Select template: automatically match one of the eight built‑in templates (or a custom one).

Generate JSON: produce Excalidraw‑compliant JSON (using Excalifont, unified colors, optimized layout).

Output file: create a .excalidraw file that can be dragged into Excalidraw for immediate use and further editing.

Usage example

After installing the skill, the author used Claude Code to issue the prompt “Generate a user login flowchart”. The skill returned a .excalidraw file, which was opened directly in Excalidraw and also in VS Code with the Excalidraw extension for editing.

The same process was applied to a payment‑process diagram, demonstrating clear logical structure and visual quality.

Note: the completeness and detail of the generated diagrams depend on the underlying large language model; more capable models produce richer results.

Repository: https://github.com/github/awesome-copilot/blob/main/skills/excalidraw-diagram-generator/