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.