okhp3-mermaid-publish

Render Mermaid diagrams to PNG/SVG files and publish shareable links via Mermaid Chart MCP.

2|1|Updated Jun 12, 2026

Search Tags:#publishing #mermaid #rendering #diagramming #diagram publishing

Ready to run

npx skills add https://github.com/OKHP3/skillz --skill okhp3-mermaid-publish

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: okhp3-mermaid-publish
Source: https://github.com/OKHP3/skillz/tree/main/mermaid/okhp3-mermaid-publish
Command: npx skills add https://github.com/OKHP3/skillz --skill okhp3-mermaid-publish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of rendering, exporting, and publishing finished Mermaid diagrams, ensuring they are ready for use or sharing.

Core Features & Use Cases

Local Render: Outputs diagrams as PNG/SVG files for direct use or embedding in Markdown documents.
MCP Publish: Publishes diagrams via the Mermaid Chart MCP for shareable links.
Output Format Selection: Offers options for local .mmd files, Markdown fenced blocks, or both.
Privacy: Ensures diagram source is not routed through third-party rendering APIs without user consent.
Use Case: After creating a diagram with okhp3-mermaid-core, use this Skill to render it and either save it locally or publish it for sharing.

Quick Start

Use the okhp3-mermaid-publish skill to render and publish the diagram 'diagram.mmd' to a local file and a shareable link.

Frequently Asked Questions about okhp3-mermaid-publish

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

FAQPage Schema

How do I export a Mermaid diagram as a PNG or SVG file?▼

You can export a Mermaid diagram as a PNG or SVG file by rendering it locally after validation. This Skill outputs diagrams as local image files for direct use or embedding in Markdown documents.

How do I generate a shareable link for a Mermaid diagram?▼

You generate a shareable link for a Mermaid diagram by publishing it via the Mermaid Chart MCP. This requires an optionally connected MCP to produce the shareable URL.

Can I embed Mermaid diagrams directly into Markdown files?▼

Yes, you can embed Mermaid diagrams directly into Markdown files. The Skill supports outputting local .mmd files, Markdown fenced code blocks, or both formats simultaneously.

Do I need a local Mermaid rendering setup to publish diagrams?▼

Yes, a local Mermaid rendering setup is required to publish diagrams. Publishing diagrams as local files or shareable links through the MCP depends on this local environment.

Does publishing Mermaid diagrams send the source code to third-party rendering APIs?▼

Publishing Mermaid diagrams does not send the source code to third-party rendering APIs without your consent. The Skill ensures diagram source privacy during local rendering and Markdown embedding.