An automated tool within Openclaw Skills to transform JSON-based diagram definitions into professional, hand-drawn style PNG images.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install excalidraw-creator
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-creator 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 Creator?
The Excalidraw Creator is a specialized utility designed to bridge the gap between AI-generated logic and visual representation. It allows developers and AI agents to programmatically construct complex architectural diagrams, flowcharts, and sketches using the iconic Excalidraw aesthetic.
By leveraging the power of Openclaw Skills, users can automate the production of high-quality PNG visuals without manual drawing. This ensures consistent styling across documentation and enables rapid iteration for system design, sequence diagrams, and UI wireframing directly from a prompt-based workflow.
Excalidraw Creator Use Cases
- Visualizing system architectures and cloud infrastructure layouts for technical proposals.
- Generating logic flowcharts for complex code paths or business processes during development.
- Creating hand-drawn style UI wireframes for rapid prototyping and stakeholder feedback.
- Automating the inclusion of diagrams in technical documentation, wikis, or pull requests via Openclaw Skills.
How Excalidraw Creator Works
- The AI agent generates a structured JSON array of Excalidraw elements based on the specific visual requirements provided.
- This JSON data is saved to a local file with an .excalidraw extension to serve as the source file.
- A Node.js rendering script processes the .excalidraw file to output a high-resolution PNG image.
- The final PNG is delivered to the user or integrated into a communication channel via the file path tool provided by Openclaw Skills.
Excalidraw Creator Setup
Ensure you have Node.js installed in your environment to execute the rendering script. To convert an existing Excalidraw JSON file to an image, use the following command:
node <skill_dir>/scripts/render.js input.excalidraw output.png
Excalidraw Creator Data Schema & Taxonomy
| Element Type | Primary Function | Key Properties |
|---|---|---|
| rectangle | Structural boxes | x, y, width, height, strokeColor |
| diamond | Decision nodes | x, y, width, height, fillStyle |
| arrow | Relationship lines | from (id), to (id), strokeWidth |
| text | Labels/Annotations | text, fontSize, fontFamily (1-3) |
Styling is handled via JSON properties defining roughness (0 for clean, 1 for hand-drawn), fillStyle (hachure, cross-hatch, or solid), and hex-based color palettes for strokes and backgrounds.
Excalidraw Creator Advanced Features
- Intelligent Arrow Binding using from and to properties to automate edge intersection math without manual coordinate calculations.
- Multi-segment arrow routing using absolutePoints for complex navigation around obstacles in a diagram.
- Customizable roughness levels to toggle between professional clean lines and a sketchy, hand-drawn feel.
- Support for bidirectional arrows and dashed stroke styles to represent specific data flow types.
- Advanced text positioning and label alignment for annotations within the Openclaw Skills framework.
SKILL.md
Loading
Related Openclaw Skills
Apple Remind Me (macOS Native)
A macOS-native skill that enables natural language control over the Apple Reminders app for seamless cross-device task syncing.
Agent Builder
A specialized framework for designing, generating, and refining the core architecture of autonomous AI agents.
Knowledge Management & Proactive Recall
An intelligent system for capturing content from URLs, YouTube videos, and local files into a structured, searchable personal knowledge base.
Solana Development Skill
A technical framework for AI agents to architect, develop, and test Solana blockchain applications using Openclaw Skills.
OpenClaw Healthcheck Cron
A portable automation framework for scheduling deep system health audits and sanitizing environment data for secure reporting.
OpenRouter Analytics
A comprehensive monitoring tool for tracking OpenRouter API consumption, costs, and request-level diagnostics.
Featured*
