mermaid-styling
CommunityConsistent Mermaid styling for Azure WF diagrams
AuthorGreg-T8
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provide a consistent visual language for Mermaid diagrams that align with the Azure Well-Architected Framework, reducing cognitive load and improving diagram readability across labs.
Core Features & Use Cases
- Base Theme M-001 for a neutral canvas that stays unobtrusive.
- AZ-104 and AI-102 class definitions (M-002, M-003) to standardize resource styling and accessibility.
- Container styling (M-004) and design principles (M-006) to enforce visual hierarchy and WCAG-compliant contrast.
- Practical templates and examples for common lab architectures.
Quick Start
Apply mermaid-styling by including the base theme initialization and class definitions at the top of your diagram, then use :::class tags to assign styles to each node.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mermaid-styling Download link: https://github.com/Greg-T8/Agent-Toolkit/archive/main.zip#mermaid-styling Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.