excalidraw

name	excalidraw
description	Build and maintain Excalidraw architecture diagrams. Use this when the user asks to "draw", "diagram", or "visualize" an architecture or process.

Excalidraw Skill

This skill allows you to create and manipulate architecture diagrams using the Excalidraw format.

Overview

The skill manages a diagram.excalidraw file in the current workspace. You can add nodes (rectangles with labels) and arrows to represent systems, components, and their relationships.

Core Capabilities

1. Add Nodes

Create a shape with a text label at specific coordinates.

./.pi/skills/excalidraw/scripts/excalidraw_tool.py add_node "User" 100 100

2. Connect Nodes

Create an arrow between two existing nodes by their IDs.

./.pi/skills/excalidraw/scripts/excalidraw_tool.py add_arrow <from_id> <to_id> "API Request"

3. Move Elements

Update the position of a node.

./.pi/skills/excalidraw/scripts/excalidraw_tool.py move <id> <new_x> <new_y>

4. Delete Elements

Remove a node or arrow.

./.pi/skills/excalidraw/scripts/excalidraw_tool.py delete <id>

5. List Elements

View current elements and their IDs.

./.pi/skills/excalidraw/scripts/excalidraw_tool.py list

7. View Diagram

I've provided an export_html command. It creates a standalone HTML file with the diagram data embedded, which bypasses CORS issues when opening locally.

./.pi/skills/excalidraw/scripts/excalidraw_tool.py export_html viewer.html