in diagram text:\n\n ```bash\n cat > \"${TMPDIR:-/tmp}/diagram.mmd\" \u003c\u003c'MMD'\n flowchart TD\n A[Start] --> B{Ship?}\n MMD\n echo \"https://mmd.dyu.sh/#$(base64 \u003c \"${TMPDIR:-/tmp}/diagram.mmd\" | tr -d '\\n')\"\n ```\n\n `tr -d '\\n'` matters: GNU `base64` wraps output at 76 columns.\n3. Put the link right after the diagram, as a Markdown link:\n\n ```markdown\n [▶ Open diagram](https://mmd.dyu.sh/#Zmxvd2NoYXJ0IFREOyBBLS0+Qg==)\n ```\n\n## Behavior\n\n- When you generate a Mermaid diagram in a reply, append the preview link right\n after the code block — don't wait to be asked.\n- Multiple diagrams → one link per diagram.\n- UTF-8 labels (Chinese etc.) are fully supported — base64 encodes the UTF-8 bytes.\n- Long diagrams produce long URLs. Always wrap them in Markdown link syntax so chat\n UIs don't mangle them; browsers handle URLs far larger than any realistic diagram.\n- Do not try to compute base64 \"in your head\" — always run the shell command.\n","licenseDocuments":[]}}
L’interface est localisée ; les présentations et documents des Skills sont traduits automatiquement par IA dans votre langue. Le code, les commandes, chemins et termes techniques restent en version originale, et le document de l’auteur fait foi.
Explorer les Skills
Développement · SKILL.md

mermaid-link

mermaid-link

把 Mermaid 图表变成可点击的预览链接(mmd.dyu.sh),省去从对话里复制粘贴代码。 Turn Mermaid diagrams into clickable preview links — no copy-paste. 触发: 当你在回复中输出了 Mermaid 图表 / ```mermaid 代码块时,主动在其后附上预览链接; 或用户说 "打开这个图", "预览这个图", "mermaid 链接", "在浏览器里看这个图", "open this diagram", "mermaid link", "preview mermaid"。

Independent GitHub snapshot · Automated classification · Original documentation governs

Documentation de la Skill

GitHub

name: mermaid-link description: > 把 Mermaid 图表变成可点击的预览链接(mmd.dyu.sh),省去从对话里复制粘贴代码。 Turn Mermaid diagrams into clickable preview links — no copy-paste. 触发: 当你在回复中输出了 Mermaid 图表 / ```mermaid 代码块时,主动在其后附上预览链接; 或用户说 "打开这个图", "预览这个图", "mermaid 链接", "在浏览器里看这个图", "open this diagram", "mermaid link", "preview mermaid"。

mermaid-link — Open Mermaid diagrams via link

MMD Paper is a local-first Mermaid scratchpad that accepts the diagram source in the URL hash. This skill turns any Mermaid code into a ready-to-click preview link, so nobody has to copy diagram code out of a chat and paste it somewhere to see it.

URL format

https://mmd.dyu.sh/#<base64(utf8(mermaid source))>
  • Standard base64 and base64url both work; padding and line wrapping are tolerated.
  • Privacy: the hash fragment is never sent to any server, and MMD Paper renders 100% client-side — the diagram never leaves the browser.

Workflow

  1. Take the Mermaid source. Prefer just the diagram code; full Markdown containing a ```mermaid block also works (MMD Paper extracts the first block).

  2. Encode it. Write the code to a temp file first — this sidesteps shell-quoting pitfalls with quotes, backticks, and $ in diagram text:

    cat > "${TMPDIR:-/tmp}/diagram.mmd" <<'MMD'
    flowchart TD
      A[Start] --> B{Ship?}
    MMD
    echo "https://mmd.dyu.sh/#$(base64 < "${TMPDIR:-/tmp}/diagram.mmd" | tr -d '\n')"
    

    tr -d '\n' matters: GNU base64 wraps output at 76 columns.

  3. Put the link right after the diagram, as a Markdown link:

    [▶ Open diagram](https://mmd.dyu.sh/#Zmxvd2NoYXJ0IFREOyBBLS0+Qg==)
    

Behavior

  • When you generate a Mermaid diagram in a reply, append the preview link right after the code block — don't wait to be asked.
  • Multiple diagrams → one link per diagram.
  • UTF-8 labels (Chinese etc.) are fully supported — base64 encodes the UTF-8 bytes.
  • Long diagrams produce long URLs. Always wrap them in Markdown link syntax so chat UIs don't mangle them; browsers handle URLs far larger than any realistic diagram.
  • Do not try to compute base64 "in your head" — always run the shell command.
Skills enregistrées