What diagram formats are supported?

The skill primarily generates Mermaid (.mmd) files, which are a text-based format that can be easily rendered in VS Code, GitHub, and various web browsers.

How do I view the generated diagrams?

Once created, you can view the diagrams directly in VS Code using the Mermaid Preview extension or any other Mermaid-compatible markdown viewer.

Can I create database schemas with this skill?

Yes, by using keywords like 'ER diagram' or 'data model,' the skill will trigger the generation of entity-relationship diagrams for your database modules.

Does this skill generate the diagrams directly?

No, it acts as a coordinator that detects your specific needs and delegates the technical drawing to the diagrams-architect agent to ensure high-quality, valid Mermaid output.

Where are the diagrams saved?

Diagrams are automatically saved to standardized paths within the .specweave/docs/ directory, organized logically by module and diagram type.

SpecWeave Diagram Generator

Name: SpecWeave Diagram Generator
Author: anton-abyzov

byanton-abyzov

•

Learning & Documentation

Orchestrates the generation of production-ready Mermaid architecture diagrams following C4 conventions and organizational standards.

The Diagram Generator skill acts as an intelligent coordinator within the SpecWeave framework, identifying architectural visualization requests and delegating them to a specialized architect agent. It supports a wide range of diagram types including C4 models (Context, Container, Component), sequence flows, ER diagrams for data modeling, and deployment infrastructure diagrams. By automating the creation and placement of Mermaid files within standard project directories, it ensures that your system documentation remains synchronized with your codebase and easily viewable via Mermaid-supported editors.

Key Features

01Standardized file placement within SpecWeave documentation directories

0213 GitHub stars

03Intelligent delegation to specialized subagents for high-fidelity architectural rendering

04Support for Mermaid-based sequence flows, ER diagrams, and deployment maps

05Automatic detection of C4 model levels including Context, Container, and Component diagrams

06Context-aware generation that reads existing specifications to ensure diagram accuracy

Use Cases

01Visualizing complex microservice interactions and authentication flows via sequence diagrams

02Mapping database relationships and schemas into maintainable Mermaid ER diagrams

03Generating high-level C4 Context diagrams for stakeholder system overviews

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anton-abyzov/specweave diagrams-generator

For use in Claude.ai and ChatGPT

Download Skill