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:

該技能使用 Mermaid JavaScript 庫生成交互式工作流程圖，並使用 iframe 放置在教科書的狹窄區域中。當用戶請求為教育教科書創建流程圖、流程圖、工作流可視化或決策樹時，請使用此技能。該技能使用獨立的 HTML 文件創建 MicroSim 包，該文件具有彩色背景、16 點字體和默認自上而下的渲染，並按照 MicroSim 模式保存到 /docs/sims/。 來源：vishalsachdev/claude-skills。

查看原文