Mermaid Diagrams
davila7/claude-code-templatesMermaid diagrams use plain text to create visuals like flowcharts and class diagrams. You write the diagram in a simple text format and it turns into a picture.
Because the diagrams are just text, they are easy to update and store with your code. This keeps your documentation and diagrams in sync.
Use Mermaid to show how software works, from database designs to API flows. It helps teams understand and document systems clearly.
Add Mermaid Diagrams skill to your workflow
Global
mkdir -p ~/.claude/skills/mermaid-diagramsProject
mkdir -p .claude/skills/mermaid-diagramsSource Repository
More Documentation Claude Code Skills
Grill With Docsmattpocock/skills
Stress-test your plan, refine your terms, and update docs instantly
Lark Doclarksuite/cli
Create read summarize edit translate and manage Lark cloud documents
To Prdmattpocock/skills
Generate a complete PRD from your conversation and codebase understanding
Github Actions Docsxixu-me/skills
Answers your GitHub Actions questions with exact official documentation links
Readme I18nxixu-me/skills
Localize your repo READMEs automatically with structure and selector intact
Domain Modelingmattpocock/skills
Define clear terms and record key decisions for a shared project language
Ubiquitous Languagemattpocock/skills
Build a shared glossary of terms from your conversations with clear definitions
Edit Articlemattpocock/skills
Polish your article drafts by improving clarity structure and flow