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:

Dieser Skill generiert interaktive Workflow-Diagramme mithilfe der Mermaid-JavaScript-Bibliothek zur Platzierung in einem schmalen Bereich eines Lehrbuchs mithilfe eines Iframes. Nutzen Sie diese Fähigkeit, wenn Benutzer die Erstellung von Flussdiagrammen, Prozessdiagrammen, Workflow-Visualisierungen oder Entscheidungsbäumen für Lehrbücher anfordern. Der Skill erstellt MicroSim-Pakete mit eigenständigen HTML-Dateien mit farbigen Hintergründen, 16-Punkt-Schriftarten und standardmäßigem Top-Down-Rendering, die nach dem MicroSim-Muster in /docs/sims/ gespeichert werden. Quelle: vishalsachdev/claude-skills.

Original anzeigen