How do I install the Mermaid Link skill?

Run npx skillmds@latest add deusyu/mermaid-link in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Mermaid Link safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Mermaid Link?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Mermaid Link free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Mermaid Link?

deusyu (@deusyu) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Mermaid Link by deusyu — Agent Skill

Name: Mermaid Link
Author: deusyu

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"。

deusyu 5f19120 2.3 KB Updated Sep 17, 2026

File contents

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

Take the Mermaid source. Prefer just the diagram code; full Markdown containing a ```mermaid block also works (MMD Paper extracts the first block).
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.

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.

---name: mermaid-linkdescription: 把 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](https://mmd.dyu.sh) is a local-first Mermaid scratchpad that accepts thediagram source in the URL hash. This skill turns any Mermaid code into aready-to-click preview link, so nobody has to copy diagram code out of a chat andpaste 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.## Workflow1. 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: ```bash 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: ```markdown [▶ 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.

Frequently asked questions