tech-architecture-diagram

Community

Auto-generate project architecture diagrams.

Authoroto1720
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manually documenting a project's tech landscape is time-consuming and error-prone; this skill automates the discovery and visualization of architecture.

Core Features & Use Cases

  • Automated discovery of languages, frameworks, infra, and dependencies to reveal a complete tech landscape.
  • Multi-format diagrams: Mermaid, HTML, and SVG representations for documentation, presentations, and dashboards.
  • Onboarding and governance: generates system overview, tech stack map, module structure, and data-flow diagrams to accelerate team ramp-up and architectural reviews.
  • Use Case: quickly generate an up-to-date architecture diagram for a new project to communicate structure to stakeholders.

Quick Start

Supply the repository path or current project directory to generate and visualize architecture diagrams.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tech-architecture-diagram
Download link: https://github.com/oto1720/claude-agents-skills/archive/main.zip#tech-architecture-diagram

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.