diagram

Convert text or Mermaid code into a diagram triplet with an editable Excalidraw file.

Updated Jun 18, 2026

Search Tags:#automation #architecture #mermaid #excalidraw #visualization #diagram #gstack

Ready to run

npx skills add https://github.com/abhishekmmgn/didactic-invention --skill diagram-abhishekmmgn

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/abhishekmmgn/didactic-invention/tree/main/.agents/skills/gstack/diagram
Command: npx skills add https://github.com/abhishekmmgn/didactic-invention --skill diagram-abhishekmmgn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts natural language descriptions (or Mermaid source) into a diagram triplet: the original text, an editable .excalidraw file, and a rendered diagram you can open and modify.

Core Features & Use Cases

Generate architecture and flow diagrams from prose or Mermaid sources for quick visualization.
Produce an exportable Excalidraw file plus a traceable source, enabling easy reuse and collaboration.
Ideal for rapid design explorations, stakeholder walkthroughs, and requirement clarifications.

Quick Start

Provide an English description or Mermaid source and request a diagram you can edit in Excalidraw.

Frequently Asked Questions about diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I turn a text description into an editable diagram?▼

To turn a text description into an editable diagram, provide an English description or Mermaid source. The tool generates a diagram triplet consisting of the original text, an editable .excalidraw file, and a rendered visualization for immediate modification.

Can I generate Excalidraw files from Mermaid code?▼

Yes, you can generate Excalidraw files from Mermaid code. The processing logic accepts Mermaid source directly and outputs an editable .excalidraw file alongside the rendered diagram, enabling collaborative architecture visualization.

What is the best way to visualize system architecture for stakeholder walkthroughs?▼

The best way to visualize system architecture for walkthroughs is generating an Excalidraw-ready diagram from your textual description. This produces an editable file and traceable source, enabling rapid design explorations and clear requirement clarifications.

Does this diagram generation approach support collaborative editing?▼

Yes, this diagram generation approach supports collaborative editing by producing an exportable .excalidraw file. It outputs a traceable source triplet that enables easy reuse and team collaboration during architecture planning and system design.

Why use a diagram triplet instead of just a rendered image?▼

A diagram triplet is used instead of just a rendered image because it includes the original source text and an editable .excalidraw file. This ensures traceability, supports quick modifications, and enables collaborative diagram work for complex decision-making.