mermaid-generator

SKILL.md

Generate simple minimalist but colorful interactive workflow diagrams using Mermaid.js for intelligent textbooks. Creates complete MicroSim packages with standalone HTML files, MkDocs integration, and Dublin Core metadata. Each diagram features colorful node backgrounds, 16-point fonts for optimal readability, and follows the educational MicroSim pattern.

Because this skill is part of the workflow for creation of textbooks using mkdocs, the design goal is to create simple unadorned diagrams without any complex padding, borders or decoration. This is because our focus is to educate, not entertain and show off our ability to do rounded corners and gradient shading.

If the description is incomplete or unclear, prompt the user for additional information:

このスキルは、iframe を使用して教科書の狭い領域に配置するために、Mermaid JavaScript ライブラリを使用してインタラクティブなワークフロー図を生成します。ユーザーが教育教科書用のフローチャート、プロセス図、ワークフローの視覚化、またはディシジョン ツリーの作成を要求する場合は、このスキルを使用します。このスキルは、カラフルな背景、16 ポイントのフォント、デフォルトでトップダウン レンダリングを特徴とするスタンドアロン HTML ファイルを含む MicroSim パッケージを作成し、MicroSim パターンに従って /docs/sims/ に保存します。 ソース: vishalsachdev/claude-skills。

原文を見る