Is this skill limited to specific programming languages?

No, it is language-agnostic and can analyze any codebase to determine structural relationships and architectural patterns.

Where are the generated diagrams saved?

Diagrams are saved directly to your repository, typically in designated folders like /repo/architecture/ or /repo/docs/.

What diagram formats does Architecture Drawer support?

It primarily supports Mermaid.js for text-based diagrams and XML for Draw.io (Diagrams.net) compatibility.

Can I use it to update existing architecture documentation?

Absolutely. The skill can read your current design files and suggest or implement updates based on new requirements or code changes.

Can it analyze my existing code to create diagrams?

Yes, it uses internal tools to search for service definitions, imports, and dependencies to build accurate component maps from your source code.

Architecture Drawer

Name: Architecture Drawer
Author: nerver111

bynerver111

0•

学习与文档

Generates professional system architecture, component, and deployment diagrams in Mermaid and Draw.io formats to document complex software designs.

Architecture Drawer empowers developers to visualize software systems by automatically generating high-quality diagrams directly within their repository. By analyzing existing documentation and source code through pattern matching, it creates structured representations of system layers, service dependencies, and physical deployment environments. This skill streamlines the technical documentation process, ensuring that architecture diagrams stay synchronized with the actual implementation through automated file generation and updates.

主要功能

01Automated generation of Mermaid and Draw.io diagram formats

02Standardized architectural layering covering Frontend, API, Business, and Data tiers

030 GitHub stars

04Multi-perspective visualization including system, component, and deployment views

05Deep repository analysis using grep and glob to identify service dependencies

06Direct integration with repository workflows for seamless documentation updates

使用场景

01Visualizing microservices architecture and inter-service communication paths

02Generating production-ready deployment diagrams for infrastructure planning

03Mapping out legacy codebases by automatically identifying component relationships

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

主要功能

01Automated generation of Mermaid and Draw.io diagram formats

02Standardized architectural layering covering Frontend, API, Business, and Data tiers

030 GitHub stars

04Multi-perspective visualization including system, component, and deployment views

05Deep repository analysis using grep and glob to identify service dependencies

06Direct integration with repository workflows for seamless documentation updates

使用场景

01Visualizing microservices architecture and inter-service communication paths

02Generating production-ready deployment diagrams for infrastructure planning

03Mapping out legacy codebases by automatically identifying component relationships

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