Generate Mermaid or Excalidraw diagrams and render outputs for documentation.
npx skills add https://github.com/ace3/skills --skill drawing
Please help me install this Agent Skill. Skill: drawing Source: https://github.com/ace3/skills/tree/main/skills/drawing Command: npx skills add https://github.com/ace3/skills --skill drawing
Diagram creation and rendering for clear communication of complex systems, enabling quick visual storytelling without building diagrams from scratch.
Create a Mermaid or Excalidraw diagram from the provided system description.
High-intent search queries and answers about installing and using this skill.
To generate architecture diagrams for Markdown docs, this Skill renders Mermaid or Excalidraw outputs directly from your system descriptions. It validates the generated diagram code against respective schemas to ensure correct rendering in PRs and tickets.
The best way to visualize complex workflows without manual drawing is providing a text description of your system. The Skill automatically generates editable Mermaid or Excalidraw diagrams, enabling quick visual storytelling for architecture planning and design reviews.
Yes, the diagram tool selects between Mermaid and Excalidraw automatically based on your use case. It applies Mermaid for lightweight Markdown documentation and Excalidraw for presentation-ready visuals and handoff artifacts.
Yes, you can create presentation-ready Excalidraw diagrams from a system description. The Skill processes your input text, loads relevant references, and outputs editable Excalidraw visuals suitable for design reviews and handoff artifacts.
A limitation when using Mermaid diagrams for architecture planning is their suitability for lightweight documentation rather than detailed handoff artifacts. For presentation-ready visuals, the Skill validates Mermaid outputs against schemas but may switch to Excalidraw for complex visual storytelling.
chloebrettGenerate system architecture, process flow, and data relationship diagrams from textual descriptions.
pixbConvert textual content into Mermaid diagrams for rendering in Obsidian, GitHub, or Mermaid Live Editor.
majesticlabs-devGenerate syntactically valid Mermaid diagrams for flowcharts, sequence, class, state, Gantt, ER, and data lineage.
gatiemeGenerate class, sequence, flowchart, ERD, and C4 diagrams from Mermaid syntax.
