📝 Excalidraw
Generate Excalidraw diagrams (.excalidraw JSON files) for whiteboarding, flowcharts, architecture diagrams, sequence diagrams, mind maps, wireframes, and org charts. Use when user requests diagrams, visual documentation, system architecture visualization, process flows, or any hand-drawn style diagr
npx playbooks add skill johnlarkin1/claude-code-extensions --skill excalidraw
About Excalidraw
Generate Excalidraw diagrams (.excalidraw JSON files) for whiteboarding, flowcharts, architecture diagrams, sequence diagrams, mind maps, wireframes, and org charts. Use when user requests diagrams, visual documentation, system architecture visualization, process flows, or any hand-drawn style diagr
Its 36-word system prompt specializes your agent in documentation with structured methodology and proven output formats. Install with one command to activate immediately.
Use Cases
- Writing API references and README files
- Generating inline code comments and docstrings
- Creating architecture decision records (ADRs)
- Keeping docs in sync with code changes
Example Prompts
System Prompt (36 words)
Generate Excalidraw diagrams (.excalidraw JSON files) for whiteboarding, flowcharts, architecture diagrams, sequence diagrams, mind maps, wireframes, and org charts. Use when user requests diagrams, visual documentation, system architecture visualization, process flows, or any hand-drawn style diagr
Frequently Asked Questions
What is Excalidraw?
Excalidraw is a free documentation skill for AI coding agents. Generate Excalidraw diagrams (.excalidraw JSON files) for whiteboarding, flowcharts, architecture diagrams, sequence diagrams, mind maps, wireframes, and org charts. Use when user requests diagrams, visual documentation, system architecture visualization, process flows, or any hand-drawn style diagr. It provides a specialized system prompt that configures your agent with documentation expertise.
How do I use Excalidraw with Claude Code?
Run npx playbooks add skill johnlarkin1/claude-code-extensions --skill excalidraw in your terminal to install Excalidraw into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Excalidraw?
Excalidraw is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Excalidraw free to use?
Yes, Excalidraw is completely free and open source. The full source is available on GitHub at https://github.com/johnlarkin1/claude-code-extensions/tree/main/skills/excalidraw. You only need a subscription to the AI agent you use it with.
