diagram

Convert English descriptions or mermaid source into editable Excalidraw diagrams with rendered SVG and PNG outputs.

Updated Aug 9, 2026
One-click install
npx skills add https://github.com/raghavbadhwar/rstack --skill diagram-raghavbadhwar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/raghavbadhwar/rstack/tree/main/diagram
Command: npx skills add https://github.com/raghavbadhwar/rstack --skill diagram-raghavbadhwar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Turning a verbal description of an architecture or flow into a polished, editable diagram normally requires manual drawing tools and online renderers. This Skill generates a complete diagram triplet—mermaid source, an editable .excalidraw file, and rendered SVG/PNG images—fully offline. ## Core Features & Use Cases - Text-to-Diagram Generation: Accepts an English description or existing mermaid source and produces a clean mermaid-style diagram. - Editable Output: Produces an .excalidraw file you can open on excalidraw.com for hand-drawn aesthetic edits, alongside rendered SVG and PNG files. - Fully Offline Rendering: All rendering happens locally without network calls to external diagram services. - Use Case: Ask the agent to "draw the architecture" of your request pipeline, and receive a flowchart you can immediately embed in docs as PNG or refine interactively in Excalidraw. ## Quick Start Ask the agent to make a diagram of your system's request flow from a short English description.

Frequently Asked Questions about diagram

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

FAQPage Schema
How do I create a flowchart from a text description?

Describe the flow in plain English and invoke the diagram skill with a phrase like "make a diagram" or "visualize this flow". It converts the description into mermaid source, then renders an editable .excalidraw file plus SVG and PNG images.

Can I convert existing mermaid code into an Excalidraw diagram?

Yes, the skill accepts existing mermaid source directly and converts it into an .excalidraw file you can open on excalidraw.com. It also produces rendered SVG and PNG versions in a clean mermaid style.

Does diagram rendering require an internet connection?

No, the skill renders diagrams fully offline. The mermaid-to-Excalidraw conversion and SVG/PNG rendering all happen locally without calling external diagram services.

What output files does the diagram skill produce?

It produces a triplet: the mermaid source file, an editable .excalidraw file with a hand-drawn aesthetic for use on excalidraw.com, and rendered SVG and PNG images in a clean mermaid style.

When should I use Excalidraw output versus the rendered PNG?

Use the PNG or SVG when you need a finished image for documentation or presentations. Use the .excalidraw file when you want to keep editing the diagram interactively with the hand-drawn Excalidraw aesthetic.