uml-diagram-generator

Convert code repositories and documentation into Mermaid architecture diagrams.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/zjh08177/agent-harness --skill uml-diagram-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: uml-diagram-generator
Source: https://github.com/zjh08177/agent-harness/tree/main/skills/uml-diagram-generator
Command: npx skills add https://github.com/zjh08177/agent-harness --skill uml-diagram-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Transforms code repositories and documentation into editable Mermaid UML diagrams, eliminating manual diagramming and lowering the barrier to visualize complex architectures.

Core Features & Use Cases

  • Generate component, class, sequence, activity, state, package, and deployment diagrams from code and docs.
  • Output plain-text Mermaid code for easy editing, version control, and rendering in any Mermaid-compatible tool.
  • Use cases include architecture reviews, onboarding, and design history, where diagrams can be updated alongside code.

Quick Start

Run the UML Diagram Generator against your project to produce editable Mermaid diagrams of the architecture.

Frequently Asked Questions about uml-diagram-generator

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

FAQPage Schema
How do I generate Mermaid UML diagrams from an existing codebase?

To generate Mermaid UML diagrams from a codebase, this Skill analyzes your code repositories and documentation to produce a structured JSON intermediary, which is then converted into editable Mermaid diagram code for rendering.

What types of architecture diagrams can I create from code and documentation?

You can create component, class, sequence, activity, state, package, and deployment diagrams from your code and documentation, covering comprehensive software architecture visualization needs for various project sizes.

Does this diagram generation tool work with projects of varying sizes?

Yes, this diagram generation tool is applicable to projects of varying sizes, converting code repositories and documentation into architecture diagrams without limitations based on project scale or complexity.

What is the best way to visualize software architecture without manual diagramming?

The best way to visualize software architecture without manual diagramming is using a tool that transforms code repositories into editable Mermaid code, enabling version control and easy updates alongside your codebase.

Can I edit the generated Mermaid diagrams after creating them from code?

Yes, you can edit the generated Mermaid diagrams because the output is plain-text Mermaid code, allowing easy editing, version control, and rendering in any Mermaid-compatible tool for ongoing updates.

Why use Mermaid code for architecture reviews and onboarding documentation?

Using Mermaid code for architecture reviews and onboarding allows diagrams to be updated alongside code, maintaining accurate design history while eliminating manual diagramming effort and lowering the barrier to visualize complex architectures.