How does this skill analyze the codebase?

It utilizes tree-sitter-analyzer for deep parsing of classes and functions, combined with optimized grep patterns to map imports and directory structures.

Can it handle large enterprise-level projects?

Yes, it includes performance handling that samples the top 100 files for extremely large projects to ensure a timely and readable overview.

Is it limited to specific programming languages?

While it provides the deepest analysis for TypeScript, JavaScript, and Python, its directory mapping and tech stack detection work across almost any codebase.

What kind of visual diagrams does it produce?

The skill generates Mermaid.js code that can be rendered into flowcharts and relationship diagrams showing how modules interact and depend on each other.

Architecture Documentation Generator

Name: Architecture Documentation Generator
Author: thkt

bythkt

•

Learning & Documentation

Generates comprehensive system architecture documentation and visual Mermaid diagrams through automated codebase analysis.

This skill empowers developers to automatically map out and document complex codebases by extracting structural insights using tree-sitter and standard shell utilities. It generates a detailed overview of the project's tech stack, directory hierarchy, and module relationships, producing visual Mermaid diagrams for immediate clarity. Whether you are onboarding new team members or auditing a legacy system, this tool provides instant visibility into dependency graphs, component statistics, and module composition without manual effort.

Key Features

01Precise code structure extraction using tree-sitter-analyzer for identifying classes, functions, and imports.

02Automatic framework and tech stack detection to provide immediate high-level project context.

03Automated Mermaid diagram generation for visual module relationships and dependency mapping.

043 GitHub stars

05Multi-language dependency parsing optimized for TypeScript, JavaScript, and Python projects.

06Recursive directory mapping with intelligent filtering for readable, high-level structural overviews.

Use Cases

01Creating visual documentation for architectural reviews, RFCs, or system design audits.

02Onboarding new developers to a large, complex repository by providing an instant architectural map.

03Identifying hidden circular dependencies and mapping the flow of internal and external modules.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thkt/claude-config documenting-architecture

For use in Claude.ai and ChatGPT

Download Skill