What problem does it solve? Markdown documents containing Mermaid diagram fences cannot be published directly to platforms like WeChat that require static images. This Skill converts each explicit mermaid fence into a rendered PNG and rewrites the Markdown to reference the local image path, so diagrams survive the publishing pipeline. ## Core Features & Use Cases - **Deterministic fence rendering**: Extracts every mermaid fence in order, writes .mmd sources, and renders PNGs via the locally installed @mermaid-js/mermaid-cli with Puppeteer-driven Chrome. - Safe failure handling: A failed fence keeps its original Mermaid source in the output and is reported in a JSON summary, so no content is ever silently deleted. - Theme-aware output: Applies project theme tokens (colors, background) to the Mermaid config so diagrams match the article's visual style. - Use Case: While typesetting a WeChat article, run the pipeline on images.md to turn all flowcharts, sequence diagrams, and state diagrams into 1080px-wide PNGs referenced by relative paths, ready for optional authorized upload. ## Quick Start Ask the agent to render all Mermaid fences in your Markdown file into PNG images by running the render-mermaid script with your input and output file paths.
