Skills
.Work. You
Rest

mermaid-diagrams-as-code

Official

Version-controlled diagrams with Mermaid.js

Software Engineering#architecture#documentation#mermaid#visualization#diagrams#version-control
AuthorAgentient
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Mermaid diagrams-as-code milestone placeholder enables version-controlled diagram documentation, but this skill is currently a STUB and not implemented.

Core Features & Use Cases

  • Diagrams-as-Code: Version-controlled visual documentation using Mermaid.js syntax.
  • Mermaid.js Syntax: Flowcharts, sequence diagrams, ER diagrams, Class diagrams
  • Review & collaboration: Embedding diagrams in Markdown docs for code-review friendly diffs
  • Planned Integrations: CI/CD validation for diagram syntax and rendering on GitHub/GitLab

Quick Start

Embed Mermaid diagram blocks in Markdown files and commit them to your repository once the feature is implemented.

Dependency Matrix

Required Modules

None required

Components

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-diagrams-as-code
Download link: https://github.com/Agentient/vibekit/archive/main.zip#mermaid-diagrams-as-code

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.