Create GitHub-ready Mermaid diagrams with dark/light mode styling conventions.
npx skills add https://github.com/BfdCampos/dotfiles --skill mermaid-bfdcampos
Please help me install this Agent Skill. Skill: mermaid Source: https://github.com/BfdCampos/dotfiles/tree/main/claude/skills/mermaid Command: npx skills add https://github.com/BfdCampos/dotfiles --skill mermaid-bfdcampos
Mermaid diagrams render inconsistently on GitHub due to theme variations and styling choices. This guide helps you apply best practices so diagrams look correct in both dark and light modes.
Create a Mermaid diagram following the canonical GitHub-friendly template to ensure dark/light mode compatibility.
High-intent search queries and answers about installing and using this skill.
Styling Mermaid flowcharts for Markdown documentation is best handled by using a canonical template with subgraph conventions, ensuring diagrams remain visually consistent and readable across architecture diagrams and data pipelines.
Mermaid diagrams become unreadable in GitHub dark mode due to theme variations and improper styling choices. Applying specific color and stroke guidelines ensures text and shapes stay visible across both themes.
You can embed Mermaid diagrams directly in GitHub PRs and READMEs using Markdown code blocks. This approach generates diagrams natively, ensuring they render seamlessly without requiring external image hosting.
Structuring Mermaid subgraphs consistently involves following established conventions for labeling and grouping. This maintains visual clarity and ensures complex architecture diagrams remain readable across various GitHub themes.
amitmishra-bylddReview document structure and propose prioritized cuts, reorganization, and simplification.
PatkikCreate Mermaid diagrams from plain text for architectures, workflows, and data models.
jimwellerEnforce Markdown syntax and formatting rules for repository documentation.
snake-dev-teamPreview files and directories and generate diagrams and slides from text.
