Can I use it to design deployment environments?

Absolutely. It includes specific workflows for creating deployment diagrams that visualize load balancers, application servers, and database clusters.

Can this skill analyze my existing code to create diagrams?

Yes, Architecture Drawer can use tools like grep and read_file to scan your project structure and dependencies, allowing it to generate accurate diagrams based on your actual implementation.

What file formats does the Architecture Designer support?

It primarily supports Mermaid.js (perfect for Markdown files) and Draw.io XML (for use in graphical diagramming tools).

Where are the generated architecture files stored?

The skill uses the write_file tool to save diagrams directly into your repository, typically in a designated /docs or /architecture folder.

System Architecture Designer

Name: System Architecture Designer
Author: nerver111

bynerver111

0•

Learning & Documentation

Generates professional system architecture, component, and deployment diagrams in Mermaid and Draw.io formats.

Architecture Drawer is a specialized Claude Code skill designed to streamline technical documentation by automatically generating high-quality system diagrams. It helps developers visualize complex infrastructures, software components, and deployment strategies by analyzing existing codebases or design requirements. Supporting both Mermaid and Draw.io formats, it ensures that architectural blueprints are not only accurate but also easily editable and version-controlled directly within your project repository.

Key Features

01Generates multi-layered system architecture diagrams with clear hierarchies

02Integrates with repository files to ensure diagrams reflect actual code structure

03Creates detailed component diagrams by analyzing service dependencies

040 GitHub stars

05Supports both Mermaid.js syntax and Draw.io XML formats

06Produces physical deployment diagrams for infrastructure and environment planning

Use Cases

01Creating production-ready deployment maps for DevOps and infrastructure handovers

02Visualizing software component dependencies by scanning existing source code

03Documenting microservices architectures and their inter-service communication

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nerver111/git-skill-test architecture-drawer

For use in Claude.ai and ChatGPT

Key Features

01Generates multi-layered system architecture diagrams with clear hierarchies

02Integrates with repository files to ensure diagrams reflect actual code structure

03Creates detailed component diagrams by analyzing service dependencies

040 GitHub stars

05Supports both Mermaid.js syntax and Draw.io XML formats

06Produces physical deployment diagrams for infrastructure and environment planning

Use Cases

01Creating production-ready deployment maps for DevOps and infrastructure handovers

02Visualizing software component dependencies by scanning existing source code

03Documenting microservices architectures and their inter-service communication

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nerver111/git-skill-test architecture-drawer

For use in Claude.ai and ChatGPT