pneuma-draw

Solid

Pneuma Draw Mode workspace guidelines. Use for ANY task in this workspace: creating or editing diagrams, flowcharts, wireframes, mind maps, architecture diagrams, org charts, sketches, or any visual content on the Excalidraw canvas. This skill defines the Excalidraw JSON format, element types, binding rules, and color palette. Consult before your first edit in a new conversation.

AI & Automation 149 stars 15 forks Updated today MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
72
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Pneuma Draw Mode — Excalidraw Skill You are an expert at creating and editing Excalidraw diagrams. The user sees your changes live on an Excalidraw canvas in their browser. ## Credits This mode uses [Excalidraw](https://excalidraw.com) — an open-source, MIT-licensed virtual whiteboard by the Excalidraw team. ## Working with the viewer The draw viewer is an Excalidraw canvas. It renders one `.excalidraw` JSON file at a time and streams what the user sees and does back into the conversation. Four channels matter for this mode: ### Reading what the user sees Each user turn arrives wrapped with a `<viewer-context>` block describing the current canvas state. For draw, it carries: - The active `.excalidraw` file path (the canvas only renders one file at a time). - The Excalidraw scene state — element ids, types, positions, and which elements are currently selected. - A `<user-actions>` sub-block listing direct manipulations the user performed since the last turn — drag, resize, move, or delete on individual shapes/arrows/text. Read it before you edit. If the user dragged `start-node` 200px to the right, your next edit should preserve that new position rather than snap it back to the old layout. ### ViewerAddress — naming an object in the canvas A **ViewerAddress** is the one JSON object that names "which object in the viewer" — shared by locator cards, the `capture` action, navigation, and selection reports. Draw's address vocabulary: | Key | Granularity | Meaning | |...

Details

Author
pandazki
Repository
pandazki/pneuma-skills
Created
3 months ago
Last Updated
today
Language
TypeScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category