skills.rest
Onlyaguest
OnlyaguestCOMMUNITY
Explore all skills by this author →
GitHub

tool-arch-diagram-generator

Convert Markdown files with Mermaid diagrams into offline HTML pages.

18|2|Updated Mar 18, 2026
Search Tags:#architecture#markdown#html#mermaid#cli#offline#diagrams
One-click install
npx skills add https://github.com/Onlyaguest/ViviStableSkills --skill tool-arch-diagram-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tool-arch-diagram-generator
Source: https://github.com/Onlyaguest/ViviStableSkills/tree/main/tool-arch-diagram-generator
Command: npx skills add https://github.com/Onlyaguest/ViviStableSkills --skill tool-arch-diagram-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate a self-contained offline HTML page from Mermaid diagrams embedded in Markdown, eliminating CDN dependencies and enabling easy sharing.

Core Features & Use Cases

  • Reads Markdown files containing Mermaid diagrams and renders them into standalone HTML without CDN.
  • Supports common Mermaid diagram types such as sequenceDiagram, flowchart, classDiagram, erDiagram, and others for architecture diagrams, process flows, and data mappings.
  • Use case: You have a Markdown document with architecture and workflow diagrams and you want a shareable, offline HTML version.

Quick Start

Run the CLI on a Markdown file containing Mermaid blocks to generate an offline HTML page (default output: ./dist/index.html).

Frequently Asked Questions about tool-arch-diagram-generator

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

FAQPage Schema
How do I render Markdown Mermaid diagrams into offline HTML?▼

To render Markdown Mermaid diagrams into offline HTML, run the CLI on a Markdown file containing fenced mermaid blocks. It generates a standalone index.html in the ./dist directory using a local mermaid.min.js file, eliminating CDN dependencies.

What Mermaid diagram types can I convert from Markdown to HTML?▼

You can convert common Mermaid diagram types from Markdown to HTML, including sequenceDiagram, flowchart, classDiagram, and erDiagram. This supports rendering architecture diagrams, process flows, and data mappings into a shareable offline format.

Do I need an internet connection to view generated Mermaid HTML diagrams?▼

No, you do not need an internet connection to view generated Mermaid HTML diagrams. The tool produces fully offline HTML renderings by embedding a local mermaid.min.js, ensuring diagrams remain viewable for local viewing without CDN dependence.

What is the best way to share Markdown architecture diagrams without external dependencies?▼

The best way to share Markdown architecture diagrams without external dependencies is converting them into a self-contained offline HTML page. This approach bundles the local Mermaid rendering engine into the output, enabling easy sharing of architecture and workflow diagrams.

Why are my Mermaid diagrams not rendering when I open the converted HTML file?▼

Mermaid diagrams may not render in converted HTML if the source Markdown lacks proper fenced mermaid blocks. The tool requires detecting these specific fenced blocks to parse diagram syntax and generate the local mermaid.min.js rendering correctly.

Related Skills

Explore More Software Engineering Skills→
coaguscoagus
2

diagrams-expert

Generate Mermaid diagrams for technical documentation in Markdown.

Community
Advanced
odylithodylith
34

odylith-atlas-render

Render Atlas diagrams from Yardl or other sources into Minecraft's Yak? No, Yak is not involved. Actually, reprocess the request: convert Mermaid catalog data to Atlas diagrams and export them as SVG or PNG files for use in documentation and presentations.

Official
Intermediate
luanzebaluanzeba

mermaid

Validate Mermaid diagrams syntax in .mmd files and Markdown blocks, rendering SVG output with ASCII previews.

Community
Intermediate
KrystianYCSilvaKrystianYCSilva

markdown-expert

Create Markdown documentation with Mermaid diagrams and GFM tables.

Community
Intermediate