·mermaid-tools
</>

mermaid-tools

daymade/claude-code-skills

マークダウン ファイルから人魚図を抽出し、バンドルされたスクリプトを使用して高品質の PNG イメージを生成します。 Mermaid 図の操作、図の PNG への変換、マークダウンからの図の抽出、または Mermaid コードが埋め込まれたマークダウン ファイルの処理を行うときにアクティブになります。

66インストール·3トレンド·@daymade

インストール

$npx skills add https://github.com/daymade/claude-code-skills --skill mermaid-tools

SKILL.md

This skill enables extraction of Mermaid diagrams from markdown files and generation of high-quality PNG images. The skill bundles all necessary scripts (extract-and-generate.sh, extractdiagrams.py, and puppeteer-config.json) in the scripts/ directory for portability and reliability.

Extract Mermaid diagrams from a markdown file and generate PNG images using the bundled extract-and-generate.sh script:

The numbering ensures diagrams maintain their order from the source document.

マークダウン ファイルから人魚図を抽出し、バンドルされたスクリプトを使用して高品質の PNG イメージを生成します。 Mermaid 図の操作、図の PNG への変換、マークダウンからの図の抽出、または Mermaid コードが埋め込まれたマークダウン ファイルの処理を行うときにアクティブになります。 ソース: daymade/claude-code-skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/daymade/claude-code-skills --skill mermaid-tools
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

mermaid-tools とは?

マークダウン ファイルから人魚図を抽出し、バンドルされたスクリプトを使用して高品質の PNG イメージを生成します。 Mermaid 図の操作、図の PNG への変換、マークダウンからの図の抽出、または Mermaid コードが埋め込まれたマークダウン ファイルの処理を行うときにアクティブになります。 ソース: daymade/claude-code-skills。

mermaid-tools のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/daymade/claude-code-skills --skill mermaid-tools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/daymade/claude-code-skills