Excalidraw Diagram Skill

Use this skill to generate or edit Excalidraw .excalidraw files or clipboard payloads. Keep JSON minimal and valid; prefer small examples and only the properties needed for the diagram.

Quick workflow

• Choose format: full file (type: "excalidraw", include version, source, appState) or clipboard (type: "excalidraw/clipboard", no version/source/appState).
• Sketch elements: rectangles/ellipses/diamonds/lines/arrows/text. Set id, type, x, y, width, height (or points for lines/arrows), and text for labels.
• Set styling only if needed: strokeColor, backgroundColor, strokeWidth, roughness, opacity, roundness.
• For arrows/lines: include points (array of [dx, dy]) and startBinding/endBinding if connecting IDs.
• Optional appState: gridSize, viewBackgroundColor, scrollX, scrollY, zoom.value.
• For images: add file entry under files keyed by id with mimeType, id, dataURL, created, lastRetrieved; reference that id in an image element.

Clipboard vs file payloads

• File: type: "excalidraw", include version (number), source (URL), elements, appState, files.
• Clipboard: type: "excalidraw/clipboard", include elements, optional files; omit version, source, appState.