podo/design-agent-skills

excalidraw-diagram

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.

First seen May 23, 2026

Installation

$ npx skills add podo/design-agent-skills --skill excalidraw-diagram

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from podo/design-agent-skills · top by installs.

npx skills add podo/design-agent-skills

Browse all from podo/design-agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 8
License LICENSE
Default branch main
Open issues 1
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,316 B
  • docs SUMMARY.md 231 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 116 installs

SKILL.md

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

  1. 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 ` > Claude Code: send either command as a chat message starting with !` to run it without leaving the conversation.

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