excalidraw-diagram

Original：🇺🇸 English
Translated

Generate beautiful Excalidraw diagrams from natural language. Diagrams that "argue visually" — built-in Playwright visual validation loop, brand-customizable palette, and 3.2k+ GitHub stars. By coleam00.

10installs
Sourcepodo/design-agent-skills
Added on

NPX Install

npx skill4agent add podo/design-agent-skills excalidraw-diagram

Tags

Translated version includes tags in frontmatter
excalidraw-diagramnatural-language-to-diagramplaywright-visual-validationskill-installationgithub-starred-tool

SKILL.md Content

View Translation Comparison →

excalidraw-diagram

Catalogue stub — full skill: coleam00/excalidraw-diagram-skill

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a 
    das:
    block:
    • Global: 
      grep -q "^das:" ~/.agents/skills/excalidraw-diagram/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: 
      grep -q "^das:" .agents/skills/excalidraw-diagram/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No 
      das:
      block → full skill installed, invoke it and proceed
    • das:
      block present → go to step 2
  2. Detect scope, then install:
    To detect scope:
    bash
    [ -e ~/.agents/skills/excalidraw-diagram ] && echo "global" || echo "project"
    Global (installed with 
    -g
    ):
    bash
    npx skills add coleam00/excalidraw-diagram-skill --skill excalidraw-diagram -g -y
    Project (installed without 
    -g
    ):
    bash
    npx skills add coleam00/excalidraw-diagram-skill --skill excalidraw-diagram -y

Invoke after install

  • Skill name: 
    excalidraw-diagram
  • Trigger phrases: "excalidraw diagram", "excalidraw", "diagram from description"

What it does

Generates Excalidraw diagrams from natural language descriptions using a built-in Playwright visual validation loop that iterates until the output looks right. Diagrams are designed to "argue visually" — they communicate reasoning, not just structure. Supports brand-customizable palettes and exports to editable 
.excalidraw
files. One of the most starred diagram skills in the ecosystem (3.2k+ stars).