class-module-diagramming

Generate Mermaid class diagrams with visibility and relationship annotations.

1|Updated Nov 29, 2025
One-click install
npx skills add https://github.com/SSiertsema/claude-code-plugins --skill class-module-diagramming
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: class-module-diagramming
Source: https://github.com/SSiertsema/claude-code-plugins/tree/main/class-module-diagramming/skills/class-module-diagramming
Command: npx skills add https://github.com/SSiertsema/claude-code-plugins --skill class-module-diagramming

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps engineers visualize and communicate code structure by generating Mermaid class diagrams that reflect classes, interfaces, enums, and modules with proper visibility and relationships, enabling clearer design reviews and documentation.

Core Features & Use Cases

  • One purpose per diagram — focus diagrams on a single objective like domain model, module layout, or architecture layering.
  • Show what matters — omit trivial members; emphasize visibility modifiers and key relationships (inheritance, composition, association, dependency).
  • Explicit visibility & relationships — display + public, - private, # protected, ~ package visibility and distinct relations (inheritance, implementation, composition, aggregation, association, dependency).
  • Phase-driven approach — guide from Subject/Scope/Audience/Sources through element types (Class, Interface, Enum, Abstract, Packages) to members and domain/module diagrams.
  • Quick-startable workflows — provide a concise, practical sequence to generate diagrams from real code, with examples and caveats.

Quick Start

Describe the subject and scope to generate a Mermaid class diagram of the code structure.

Frequently Asked Questions about class-module-diagramming

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a Mermaid class diagram from existing code structure?

To generate a Mermaid class diagram from code structure, provide the subject and scope of your software to render a diagram-ready output with explicit visibility modifiers and relationship annotations.

What's the best way to document software architecture using class diagrams?

Documenting software architecture with class diagrams involves focusing on a single objective per diagram, such as domain models or module layout, while emphasizing key relationships like inheritance, composition, and dependency.

Can I visualize UML relationships like composition and aggregation in Mermaid?

Yes, you can visualize UML relationships in Mermaid by rendering distinct relations including inheritance, implementation, composition, aggregation, association, and dependency for clear architecture reviews.

How do I show visibility modifiers in a Mermaid module diagram?

To show visibility modifiers in a Mermaid module diagram, render explicit annotations for public, private, protected, and package visibility to accurately reflect classes, interfaces, and enums.

Does this approach work for package and interface level architecture reviews?

Yes, this approach works for architecture reviews by applying UML-like representations at class, interface, module, and package levels to communicate code structure and facilitate clearer design reviews.

What should I omit when creating a domain model diagram?

When creating a domain model diagram, you should omit trivial members and focus on showing what matters for the single objective, emphasizing visibility modifiers and key structural relationships.