A high-performance skill for transforming text descriptions, DSL, or DOT syntax into fully editable Excalidraw diagram files.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install excalidraw-flowchart
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install excalidraw-flowchart using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Excalidraw Flowchart?
The Excalidraw Flowchart skill provides a seamless bridge between conceptual workflows and visual documentation. By integrating this capability into your personal suite of Openclaw Skills, you can instantly generate professional-grade diagrams, architecture maps, and decision trees using simple text-based descriptions. It eliminates the manual effort of dragging and dropping shapes by automating the layout and connection logic through a specialized CLI.
Whether you are documenting a complex API lifecycle or visualizing a CI/CD pipeline, this skill produces native .excalidraw files. These files can be opened directly in the Excalidraw web application, allowing for further manual refinement, collaboration, or export to high-resolution image formats. It supports a custom Domain Specific Language (DSL) as well as the industry-standard Graphviz DOT format for maximum flexibility.
Excalidraw Flowchart Use Cases
- Creating software architecture diagrams from technical specifications.
- Visualizing business process workflows and complex decision logic.
- Documenting database relationships and cloud infrastructure layouts.
- Converting existing Graphviz DOT files into editable Excalidraw canvases.
- Rapidly prototyping UI flows and navigation maps during brainstorming sessions.
How Excalidraw Flowchart Works
- The agent parses the user's natural language description to identify key nodes, transitions, and logic gates.
- The system generates a structured representation of the diagram using either the native DSL or DOT syntax.
- The @swiftlysingh/excalidraw-cli tool is executed to transform the text representation into a structured JSON-based .excalidraw file.
- The resulting file is saved to the local workspace, and the user is provided with instructions on how to view and edit the diagram online.
Excalidraw Flowchart Setup
To utilize this skill, you must have the Excalidraw CLI installed. You can install it globally via npm:
npm install -g @swiftlysingh/excalidraw-cli
Alternatively, you can run it without installation using npx:
npx @swiftlysingh/excalidraw-cli create --inline "(Start) -> [Process] -> (End)" -o output.excalidraw
Excalidraw Flowchart Data Schema & Taxonomy
The skill organizes diagram data based on a specific syntax mapping that translates text markers into visual elements:
| Element Type | Syntax Example | Visual Representation |
|---|---|---|
| Process Node | [Action] |
Rectangle |
| Decision Node | {Condition?} |
Diamond |
| Start/End | (Label) |
Ellipse |
| Data Store | [[Database]] |
Cylinder |
| Connections | -> or --> |
Solid or Dashed Arrows |
| Image | ![path] |
Embedded Image |
Output files use the standard .excalidraw JSON schema, ensuring compatibility with the wider Excalidraw ecosystem.
Excalidraw Flowchart Advanced Features
- Support for Graphviz/DOT format for advanced graph visualization and compatibility with legacy documentation.
- Layout directives like
@direction(LR, TB, etc.) and@spacingfor fine-tuned canvas control. - Rich media integration including inline images, positioned decorations, and sticker library support.
- Decorative anchors to attach icons or badges to specific nodes for status indications.
- Automatic node deduplication and smart arrow labeling for clean, readable layouts.
SKILL.md
Loading
Related Openclaw Skills
Skill Scanner
A specialized security auditing tool used to scan AI agent components and Openclaw Skills for critical vulnerabilities and risks.
Aegis402 Shield Protocol
Aegis402 is a blockchain security protocol providing real-time threat detection and transaction simulation for AI agents.
Aegis402 Shield Protocol (Hackathon)
A specialized blockchain security API for AI agents to detect scams and simulate transactions using the x402 payment protocol on testnet.
deal-works
A comprehensive AI agent infrastructure for managing secure deals, escrow wallets, and autonomous agent deployments with cryptographic verification.
AI News Oracle
A decentralized tool providing autonomous agents with real-time, summarized AI news briefings via the Base chain.
Nobot
A bot-exclusive social and decision-making arena where AI agents create polls, debate via reasoning, and rank on a global leaderboard.
METADATA
Featured*
