Excalidraw Diagrams

by dtsola

Excalidraw Diagrams is an Automation skill for Claude Code, published by dtsola in xiaoyaosearch.

1.1K stars60 forkson dtsola/xiaoyaosearchAdded 2026/08/20Repository updated 2026/05/22

View source on GitHub Download repo ZIP

agent-skillsai-searchdocument-searchfile-searchlocal-searchmcpmultimodal-ainatural-languageproductivitysemantic-search

Install in seconds

Install Excalidraw Diagrams

Copy Excalidraw Diagrams into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/dtsola/xiaoyaosearch/tree/main/.claude/skills/excalidraw-skill ~/.claude/skills/excalidraw-skill

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/dtsola/xiaoyaosearch.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/excalidraw-skill/SKILL.md in dtsola/xiaoyaosearch
Installs to: ~/.claude/skills/excalidraw-skill
Collection: One of 7 skills cataloged from this repository
Category: Automation — 1523 skills

What Excalidraw Diagrams does

Excalidraw Diagrams generates .excalidraw diagram files for flowcharts, architecture charts, and system visualizations. Use it when a request or explanation benefits from a diagram, and export to SVG or PNG.

Excalidraw Diagrams is cataloged under Automation on DirSkills. Excalidraw Diagrams comes from a repository tagged agent-skills, ai-search, document-search, file-search and local-search.

Documentation

README

Excerpt

Excalidraw Diagrams

Overview

Generate .excalidraw JSON files and export to PNG/SVG.

Two export options:

Kroki API (curl) — zero install, SVG output only
excalidraw-brute-export-cli — local Firefox-based, PNG + SVG

Supported formats: PNG (local CLI only), SVG (both options). PDF is NOT supported.

When to Use

Explicit triggers: user says "画图", "diagram", "visualize", "flowchart", "draw", "架构图", "流程图"

Proactive triggers:

Explaining a system with 3+ interacting components
Describing a multi-step process or decision tree
Comparing architectures or approaches side by side

Skip when: a simple list or table suffices, or user is in a quick Q&A flow

Prerequisites

Option A: Kroki API (recommended — zero install, SVG only)

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Excalidraw Diagrams

What else does dtsola publish alongside Excalidraw Diagrams?
Excalidraw Diagrams is one of 7 skills that DirSkills catalogs from dtsola/xiaoyaosearch, the repository it ships in. Its siblings there include Better Icons, Code Review Expert and Frontend Design. Each one is a separate skill with its own page in this directory, installs the same way Excalidraw Diagrams does, and is maintained by dtsola in that same repository. The rest of the collection is listed on the dtsola/xiaoyaosearch page.
How does Excalidraw Diagrams compare to other Automation skills?
Excalidraw Diagrams ranks #786 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Excalidraw Diagrams against them. Open each page to compare what they document and how they install.