wfukatsu

Render Mermaid Cmd — Development skill for Claude Code

Development community

Mermaidレンダリングエージェント - Mermaid図をPNG/SVG/PDF画像に変換.

How to install Render Mermaid Cmd

Installs to ~/.claude/commands/wfukatsu-refactoring-agent-for-claude-code-render-mermaid-cmd.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/wfukatsu/refactoring-agent-for-claude-code/HEAD/.claude/commands/render-mermaid-cmd.md -o ~/.claude/commands/wfukatsu-refactoring-agent-for-claude-code-render-mermaid-cmd.md

Restart Claude Code, or start a new session, for it to be picked up.

What Render Mermaid Cmd does

description: Mermaidレンダリングエージェント - Mermaid図をPNG/SVG/PDF画像に変換。 argument-hint: [対象パス]

Mermaidレンダリングエージェント

Markdownファイル内のMermaid図をPNG/SVG/PDF画像に変換します。

使用方法

# ディレクトリ内のすべてのMermaid図を変換
/render-mermaid ./reports

# 特定ファイルのみ
/render-mermaid ./reports/03_design/context-map.md

# フォーマット指定
/render-mermaid ./reports --format=svg
/render-mermaid ./reports --format=pdf

前提条件

mmdc（Mermaid CLI）がインストール済みであること
npm install -g @mermaid-js/mermaid-cli

出力

各Mermaid図に対応するPN

Alternatives in Development

Portaljs Add Map — Render a GeoJSON dataset on an interactive Leaflet map in the Views section of a dataset's showcase 2.3k ★
Marp Slides — MARP presentation skill for Claude Code — 22 curated example decks, SVG charts, dark/light themes, dashboard c 296 ★
Claude Cmd — Claude Code Commands Manager 294 ★