hidetsugu-miya/mermaid-render
mermaid/skills/mermaid-render/SKILL.md
Mermaid.js構文からPNG/SVG画像を生成する。@mermaid-js/mermaid-cliを使って画像出力する。
$ install --global
skillsauthnpx skillsauth add hidetsugu-miya/claude-plugins mermaid-renderInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 29, 2026, 4:07 AM174.9s1 file scanned
SKILL.md
- name:
- mermaid-render
- description:
- Mermaid.js構文からPNG/SVG画像を生成する。@mermaid-js/mermaid-cliを使って画像出力する。
- context:
- fork
- effort:
- low
- agent:
- general-purpose
Mermaid.js 画像出力手順
委任メッセージまたはユーザーの指示からMermaid構文を把握し、PNG/SVG画像を生成する。
前提条件
- Node.js 20以上（推奨: Node 22）
ワークフロー
- Mermaid構文を準備: テキスト説明のみの場合はMermaid構文を生成する
- コマンド実行:
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/mermaid.py <subcommand> [options] - 結果の報告
コマンド一覧
| コマンド | 引数 | 説明 |
|---|---|---|
| render <content> -o <path> | content: Mermaid.js構文（必須）, -o: 出力パス（必須、.png/.svg） | Mermaid構文 → PNG/SVG画像 |
| render-file <file_path> -o <path> | file_path: Mermaidファイル（必須）, -o: 出力パス（必須、.png/.svg） | Mermaidファイル → PNG/SVG画像 |
使用例
# Mermaid構文からPNG画像を生成
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/mermaid.py render "graph TD; A-->B; B-->C;" -o output.png
# Mermaid構文からSVG画像を生成
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/mermaid.py render "graph TD; A-->B; B-->C;" -o output.svg
# Mermaidファイルから画像を生成
python3 ${CLAUDE_PLUGIN_ROOT}/scripts/mermaid.py render-file diagram.mmd -o output.png
出力形式
取得した情報を以下の形式で返す:
- 実行したコマンドと出力形式（PNG/SVG）
- 生成された画像ファイルのパスとサイズ
Related Skills
hidetsugu-miya/slack-setup
tools
VerifiedTrustedCommunity
Slack MCP CLI の初期セットアップ skill。`~/.config/slack/bin/slack-mcp` wrapper を作成し、Codex / Claude / terminal から `CLAUDE_PLUGIN_ROOT` なしで Slack MCP を使えるようにする。「Slack MCP をセットアップ」「slack-mcp コマンドを作成」等で起動する。
1SKILL.mdUpdated May 10, 2026
hidetsugu-miya/slack-core
tools
VerifiedTrustedCommunity
Slack MCP 連携の共通リファレンス。公式 MCP Python SDK、固定 Slack CLIENT_ID、ワークスペース単位の OAuth token 保存、Slack MCP CLI の実行規約を定義する。slack-connect / slack-bridge から参照する。
1SKILL.mdUpdated May 10, 2026
hidetsugu-miya/slack-connect
tools
VerifiedTrustedCommunity
Slack MCP 用の初回接続 skill。`~/.config/slack/bin/slack-mcp login` で公式 MCP Python SDK による OAuth 認証を実行し、ワークスペース単位で token を保存する。「Slack を接続」「Slack MCP の初回登録」等で起動する。
1SKILL.mdUpdated May 10, 2026
hidetsugu-miya/slack-bridge
tools
VerifiedTrustedCommunity
登録済み Slack workspace を使って Slack MCP tool を実行する skill。`~/.config/slack/bin/slack-mcp call` 方式で、検索・チャンネル履歴・スレッド取得・送信を行う。「Slack を検索」「Slack の permalink を読んで」「Slack チャンネル履歴を見て」等で起動する。
1SKILL.mdUpdated May 10, 2026