Excalidraw Diagram

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.

5,144 stars 589 forksData & Analytics

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add coleam00/excalidraw-diagram-skill --skill excalidraw-diagram

Manual install

git clone --depth 1 https://github.com/coleam00/excalidraw-diagram-skill.git /tmp/excalidraw-diagram-skill
mkdir -p ~/.claude/skills
cp -r /tmp/excalidraw-diagram-skill/. ~/.claude/skills/excalidraw-diagram

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Excalidraw Diagram Creator

Generate `.excalidraw` JSON files that **argue visually**, not just display information.

**Setup:** If the user asks you to set up this skill (renderer, dependencies, etc.), see `README.md` for instructions.

## Customization

**All colors and brand-specific styles live in one file:** `references/color-palette.md`. Read it before generating any diagram and use it as the single source of truth for all color choices — shape fills, strokes, text colors, evidence artifact backgrounds, everything.

To make this skill produce diagrams in your own brand style, edit `color-palette.md`. Everything else in this file is universal design methodology and Excalidraw best practices.

---

## Core Philosophy

**Diagrams should ARGUE, not DISPLAY.**

A diagram isn't formatted text. It's a visual argument that shows relationships, causality, and flow that words alone can't express. The shape should BE the meaning.

**The Isomorphism Test**: If you removed all text, would the structure alone communicate the concept? If not, redesign.

**The Education Test**: Could someone learn something concrete from this diagram, or does it just label boxes? A good diagram teaches—it shows actual formats, real event names, concrete examples.

---

## Depth Assessment (Do This First)

Before designing, determine what level of detail this diagram needs:

### Simple/Conceptual Diagrams
Use abstract shapes when:
- Explaining a mental model or philosophy

Read the full skill on GitHub

Details

Skill name: excalidraw-diagram
Repository: coleam00/excalidraw-diagram-skill
Repo updated: 1 March 2026

FAQ

What does the Excalidraw Diagram skill do?

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.

How do I install the Excalidraw Diagram skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add coleam00/excalidraw-diagram-skill --skill excalidraw-diagram. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Excalidraw Diagram popular?

It lives in coleam00/excalidraw-diagram-skill, which has 5,144 GitHub stars and 589 forks.

Related skills

Bazi

3.7k

jinchenma94/bazi-skill

四柱八字命理分析。通过交互式步骤收集出生信息（姓名、曾用名、阳历/农历生日、时辰、性别、出生地），排出四柱八字，参照经典命理典籍（穷通宝典、三命通会、滴天髓、渊海子平、子平真诠等）进行专业分析。 Use this skill whenever the user asks for 八字、四柱、命理、算命、Bazi、fortune telling、 birth chart analysis, or wants to know about their 八字命盘、运势、大运、流年. Triggers: "算八字", "看八字", "批八字", "排八字", "四柱", "命盘", "算命", "帮我看看八字", "我想算八字", "分析八字", "排盘", "bazi", "bazi analysis", "fortune telling", "birth chart", "算一卦", "看运势", "命运分析". 即使只是提到"算命"、"八字"而没有明确说要用skill，也应该使用此skill。

Data & Analytics566

Lieflat Charts

6.5k

larashero3-dotcom/lieflat-charts

一套模板驱动的数据可视化、PPT 演示与整页报告生成 skill，既能严格从 Lupi、Basics、Glance、Maps 与 Interactive gallery 的真实实现生成 HTML 图表，也能从 Presentation Mode 生成 HTML/PDF 演示，或从报告模板生成整页 HTML 报告；以 Mono 为保底，能按数据语义自动选择内置彩色预设，也支持用户明确提供的自定义色板。地图仅在用户明确要求时启用，同一交付禁止混用色系。

Data & Analytics391

Boss Zhipin Scraper

1.7k

eatmoreduck/boss-zhipin-scraper

Scrape BOSS直聘 (job listing site) via Chrome CDP. Searches jobs by keyword/city/filters, fetches JD details, outputs structured JSON/CSV with plaintext salary, and can summarize scraped results into a job-market prompt. Optional --company locally filters results by company name (boss_name substring) with no extra request. Use when user wants to search/analyze jobs on BOSS直聘 or zhipin.com.

Data & AnalyticsIn 1 list223

Qiaomu Anything to Notebooklm

6.4k

joeseesun/qiaomu-anything-to-notebooklm

多源内容智能处理器：支持微信公众号、网页、YouTube、播客（小宇宙/喜马拉雅）、PDF、Markdown等，自动上传到NotebookLM并生成播客/PPT/思维导图等多种格式。支持深度分析模式和飞书文档自动创建

Data & Analytics693

Zlibrary to Notebooklm

1.8k

zstmfhy/zlibrary-to-notebooklm

自动从 Z-Library 下载书籍并上传到 Google NotebookLM。支持 PDF/EPUB 格式，自动转换，一键创建知识库。

Data & Analytics186

Notebooklm

7.8k

PleasePrompto/notebooklm-skill

Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.

Data & AnalyticsIn 2 lists898

Browse the most popular Claude skills, all data & analytics skills, or write your own with the skills generator.