excalidraw-diagram

What This Skill Does

The Excalidraw Diagram skill enables OpenClaw to translate abstract concepts and technical text into high-quality visual diagrams. Whether you need a quick flow chart for a business process, a mind map for brainstorming, or an animated technical breakdown, this agent handles the heavy lifting by generating raw Excalidraw JSON structures. It supports three distinct formats: Obsidian-compatible markdown files for seamless note integration, standard .excalidraw files for browser-based editing, and advanced animated diagrams that visualize the progression of complex ideas.

Installation

To install this skill, use the following OpenClaw command: clawhub install openclaw/skills/skills/axtonliu/excalidraw-diagram

Use Cases

• Project Documentation: Create architecture diagrams or system flowcharts that can be embedded directly into Obsidian vaults.
• Educational Content: Generate animated step-by-step visual guides to explain technical concepts or logic flows to students or colleagues.
• Meeting Visualization: Convert meeting transcript summaries or brainstorm notes into structured mind maps to improve team clarity.
• Quick Mockups: Rapidly draft UI/UX wireframes or site maps that can be opened and refined in the web-based Excalidraw editor.

Example Prompts

1. "画图：请根据以下技术架构需求，生成一个标准的系统流程图，重点展示用户请求到数据库的完整链路。"
2. "Excalidraw动画：请梳理关于敏捷开发生命周期的五个阶段，并将其制作为动画流程图，确保每个阶段按顺序呈现。"
3. "Standard excalidraw: 创建一个关于人工智能Agent的工作原理思维导图，包含感知、决策和行动三个分支，并保存为.excalidraw文件。"

Tips & Limitations

• Mode Selection: Use specific trigger words like '标准Excalidraw' or '动画图' to ensure the output matches your intended platform, as default behavior is strictly optimized for Obsidian.
• Animation Logic: When requesting animations, ensure the content provided has a clear logical progression, as the order parameter is assigned based on the hierarchy of your input text.
• Complex Diagrams: For extremely complex diagrams with hundreds of nodes, consider breaking your request into smaller chunks to maintain readability and performance in the Excalidraw interface.
• Formatting: Always ensure the file path is accessible in your current working directory to allow the agent to save the files automatically upon completion.