🪄 MermaidHelper: Elevate Your Mermaid Diagram Creation in VS Code

MermaidHelper is a VS Code extension that makes your Mermaid diagrams even more amazing! ✨ With this extension, you can easily read and customize complex diagrams with features like link ID annotations and color-coded relation annotations.

Key Features 🎯

• Link ID Annotations: See link IDs right next to each connection, making it easy to find and personalize specific links in your diagram. 🔗
• Color-coded Relation Annotations: Get visual cues with relation labels and matching link colors displayed next to linkStyle directives. This helps you quickly see which styles are applied to which links. 🎨

Installation Guide 📥

1. Open VS Code.
2. Go to the Extensions view (click the Extensions icon or press Ctrl+Shift+X).
3. Search for "MermaidHelper".
4. Click "Install".

How to Use 🚀

1. Open your Mermaid diagram file in VS Code.
2. Run the "Annotate Mermaid" command from the Command Palette (Ctrl+Shift+P).
3. Enjoy the automatic annotations for link IDs and color-coded relations! 🎉