Create dark-mode mermaid diagrams with styled nodes and edges.
npx skills add https://github.com/zcawood-mie/agentz --skill mermaid-diagrams-zcawood-mie
Please help me install this Agent Skill. Skill: mermaid-diagrams Source: https://github.com/zcawood-mie/agentz/tree/main/skills/mermaid-diagrams Command: npx skills add https://github.com/zcawood-mie/agentz --skill mermaid-diagrams-zcawood-mie
Provides structured visual design guidance to produce mermaid diagrams with clear visual hierarchy, calm dark-mode colors, and consistent shape and arrow semantics so diagrams communicate intent effectively across documentation and presentations.
Generate a mermaid diagram that follows the dark-mode palette, apply the recommended node and edge styles, and call renderMermaidDiagram with the finalized markup and a descriptive title.
High-intent search queries and answers about installing and using this skill.
You can create dark-mode mermaid diagrams by applying specific color variables for nodes, edges, backgrounds, and text. This ensures readable, accessible visual hierarchy using calm color palettes optimized for dark themes.
The best way to style flowchart nodes and edges is to apply consistent shape and arrow semantics. Using predefined style blocks and rules for spatial organization maintains visual hierarchy and communicates intent effectively.
Yes, you can use mermaid sequence diagrams for API interactions. The system provides ready-made templates and semantic rules for sequence diagrams to help you map out architecture and user journeys clearly.
You need to use a renderMermaidDiagram tool to display mermaid visualizations. This rendering requirement ensures diagrams are visually rendered rather than outputting raw mermaid code blocks in your documentation.
Visual hierarchy in entity-relationship diagrams works by applying specific shape meanings, arrow styles, and spatial organization rules. This structured guidance ensures diagrams communicate intent effectively across presentations.
Raw mermaid code blocks lack structured visual design guidance and accessible dark-mode styling. Without applying specific color variables and a rendering tool, diagrams may fail to maintain consistent visual hierarchy and readability.
jgezelscorpGenerate Mermaid diagrams for markdown documentation with theming and dark mode.
billlzzz26Render Mermaid diagram definitions into SVG graphics or terminal ASCII art.
datamaker-krGenerate Mermaid diagrams with light/dark mode compatibility and semantic colors.
amdmaxGenerate theme-aware Mermaid flowcharts, sequence diagrams, and graph diagrams.
