architecture-mapper

Map application architecture and generate Mermaid diagrams from source code.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/EmeaAppGbb/spec2cloud-microhack-greenfield --skill architecture-mapper-emeaappgbb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: architecture-mapper
Source: https://github.com/EmeaAppGbb/spec2cloud-microhack-greenfield/tree/main/.github/skills/architecture-mapper
Command: npx skills add https://github.com/EmeaAppGbb/spec2cloud-microhack-greenfield --skill architecture-mapper-emeaappgbb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a clear, detailed documentation of an application's architecture, ensuring that the current state is accurately captured for reference or planning.

Core Features & Use Cases

  • Automated Mapping: Identifies components, layers, data flow, and integration points.
  • Mermaid Diagrams: Generates Mermaid diagrams for easy visualization.
  • Code Analysis: Reads source code to extract architectural details.
  • Use Case: When starting a migration or modernization project, it can help understand the current system's structure to plan the transition.

Quick Start

Run the architecture-mapper skill on the 'my-app' repository to generate the system architecture documentation.

Frequently Asked Questions about architecture-mapper

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

FAQPage Schema
How do I generate architecture diagrams from source code?

To generate architecture diagrams from source code, this Skill analyzes your repository to identify components, layers, and data flow, then automatically produces Mermaid diagrams for visual documentation.

What is the best way to document application architecture for a modernization project?

Documenting application architecture for a modernization project is best achieved by mapping the current system structure, capturing integration points and data flow to accurately plan the transition.

How does automated code analysis identify integration points and data flow?

Automated code analysis identifies integration points and data flow by reading the source code directly, understanding the specific tech stack, and extracting architectural details to map system layers.

Do I need a specific tech stack to map system architecture and generate Mermaid diagrams?

You do not need a specific tech stack to map system architecture, but the analysis requires reading your source code and understanding the underlying technologies to accurately identify components and generate diagrams.

Can I use this for visualizing application documentation across multiple layers?

Yes, you can use this for visualizing application documentation by mapping the application architecture across multiple layers, identifying integration points, and generating Mermaid diagrams for clear visualization.

Why use automated architecture mapping instead of manually drawing system diagrams?

Automated architecture mapping reads source code to extract precise architectural details, ensuring the current state is accurately captured for reference, whereas manual drawing risks missing hidden integration points and data flow.