Skills

Excalidraw Architecture

Trigger when the user asks for an architecture diagram, says "draw the system", "update...

Install

npx skills add mergisi/awesome-openclaw-agents --skill excalidraw-architecture -g -a claude-code -y
Category
Engineering
Updated
7d ago
License
MIT
Context cost
Lightabout 998 tokens
Runs scripts
No, instructions only

What it does

Trigger when the user asks for an architecture diagram, says "draw the system", "update the architecture diagram", "give me an excalidraw of this codebase", or "/excalidraw-architecture". Generates or updates an Excalidraw JSON file at docs/architecture.excalidraw by reading the codebase's key entry points.

Excalidraw Architecture

Produce an architecture diagram of the current project as an Excalidraw file (docs/architecture.excalidraw). The diagram shows services, entry points, data stores, and the edges between them, the kind of whiteboard sketch you'd draw in a design review.

Inspired by Bilgin Ibryam's Medium post on "Architecture diagrams as code with Claude Code + Excalidraw", credit: @bibryam. This skill is a lightweight reimplementation for OpenClaw-style repos.

When to use

  • New contributor asks "what does this repo look like?"
  • User wants to update a stale architecture diagram after a refactor
  • User says "draw me the system", "excalidraw the backend", "/excalidraw-architecture"
  • Preparing a design doc and needs a canonical diagram

Instructions

Read the whole SKILL.md on GitHub

More in Engineering