Create and validate editable Excalidraw diagrams from Mermaid flowcharts and references.
npx skills add https://github.com/OrestesK/pi --skill excalidraw-skill-orestesk
Please help me install this Agent Skill. Skill: excalidraw-skill Source: https://github.com/OrestesK/pi/tree/main/skills/excalidraw-skill Command: npx skills add https://github.com/OrestesK/pi --skill excalidraw-skill-orestesk
This Skill turns architectural concepts, workflows, Mermaid diagrams, and visual references into clear, editable Excalidraw diagrams while preventing common problems such as cluttered layouts, unreadable labels, broken arrow topology, and unvalidated exports.
Use the Excalidraw skill to create a clean, left-to-right architecture diagram from the provided system description and validate the exported scene for readability and correct arrow bindings.
High-intent search queries and answers about installing and using this skill.
The Skill converts Mermaid flowcharts into Excalidraw scenes by parsing the input syntax and applying staged canvas construction with bound semantic connectors. This produces an editable diagram that preserves the original flowchart topology.
Validating technical diagrams requires structural scene auditing, target-scale checks, and grayscale review. The Skill performs these checks alongside adversarial visual inspection to ensure architecture diagrams remain readable and have correct arrow bindings at native and reduced sizes.
Yes, the Skill inspects supplied PNG or native Excalidraw references and applies their visual traits to the canvas. It matches typography, spacing, shapes, colors, boundaries, and connector styles to ensure the new diagram aligns with the provided visual reference.
Preventing cluttered layouts and broken arrows involves applying complexity controls, staged construction, and bound semantic connectors. The Skill enforces these constraints during canvas automation to maintain clear, validated technical diagrams with correct topology.
Yes, canvas automation supports native PNG and SVG export alongside native Excalidraw artifacts. The Skill generates these exports after refining the scene and validating the visual output through reduced-scale and grayscale reviews.
You can automate Excalidraw diagram creation using MCP tools, CLI commands, or REST APIs. The Skill leverages these interfaces to build, arrange, query, and delete Excalidraw elements during the staged canvas construction process.
GrassHopper42Convert natural language or mermaid syntax into Excalidraw and SVG diagrams.
Minara-AITranslate natural language descriptions into Excalidraw diagram scenes.
yctimlinControl live Excalidraw canvases via MCP tools and REST APIs.
yoonhwanRender Mermaid diagram code as styled visual output in the terminal.
