mermaid

Encode Mermaid diagram code into live.mermaid.com URLs and decode URLs back to code.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/pepegar/nix-home --skill mermaid-pepegar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid
Source: https://github.com/pepegar/nix-home/tree/main/skills/mermaid
Command: npx skills add https://github.com/pepegar/nix-home --skill mermaid-pepegar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill simplifies the creation and sharing of Mermaid diagrams by automating the generation of shareable URLs and the decoding of existing ones.

Core Features & Use Cases

  • Encode Diagrams: Convert Mermaid diagram code into a live.mermaid.com URL.
  • Decode URLs: Extract Mermaid diagram code from a live.mermaid.com URL.
  • Use Case: Quickly share a complex flowchart you've designed by generating a URL that others can open directly in their browser.

Quick Start

Use the mermaid skill to encode the following diagram code: flowchart TD A --> B.

Frequently Asked Questions about mermaid

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

FAQPage Schema
How do I generate a shareable URL for a Mermaid diagram?

To generate a shareable URL for a Mermaid diagram, encode the diagram code using zlib compression and Base64url encoding to construct a live.mermaid.com link. You can provide the code via an inline string, standard input, or a file path.

Can I extract Mermaid diagram code from an existing live.mermaid.com URL?

Yes, you can extract Mermaid diagram code from an existing live.mermaid.com URL by decoding it. The process reverses the Base64url and zlib compression to return the original diagram code text.

What is the best way to share complex flowcharts without sending large files?

The best way to share complex flowcharts without sending large files is to generate a compressed mermaid.live URL. This encodes your diagram into a compact, browser-accessible link using Base64url and zlib compression.

How do I pass diagram code to a URL generator using standard input?

You can pass diagram code to the URL generator using standard input, inline code, or by specifying a file path. The generator reads the Mermaid syntax and outputs the corresponding encoded shareable URL.

Does the Mermaid URL generator require any external dependencies?

No, the Mermaid URL generator does not require any external dependencies to function. It operates independently to encode and decode URLs using built-in zlib compression and Base64url encoding.

Why does my Mermaid URL generator output a Base64url string?

Your Mermaid URL generator outputs a Base64url string because it uses this encoding format combined with zlib compression to safely embed diagram code into a URL without breaking its structure.