ItBayMax

Claude Code Atlas — Development skill for Claude Code

Development community

Claude Code Architecture Atlas is a web-based visualization tool designed to help developers understand and explore the architecture of Claude Code.

How to install Claude Code Atlas

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ItBayMax/claude-code-atlas and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Code Atlas does

Claude Code Architecture Atlas is a web-based visualization tool designed to help developers understand and explore the architecture of Claude Code. It provides an intuitive interface to navigate through modules, visualize dependencies, and examine the actual source code.

Alternatives in Development

  • Ecc Guide — Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su 243.5k ★
  • Understand Anything — Graphs that teach graphs that impress 80.7k ★
  • Example Plugin — Reference implementation for plugin developers 14k ★

README

Claude Code Architecture Atlas

[English](#english) | [中文](#中文)


English

Overview

Claude Code Architecture Atlas is an interactive visualization tool for understanding Claude Code's architecture, module dependencies, and data flow.

Features

  • Module Visualization: Dependency graph showing module relationships
  • Source Code Browser: View actual source code and documentation
  • Architecture Analysis: Detailed architecture documentation and design patterns
  • Multi-Agent System: Recursive nested sub-agent architecture
  • Smart Code Editing: Precise modifications via FileEditTool, FileWriteTool
  • MCP Integration: Connect external tools via Model Context Protocol
  • Context Management: Multi-layer optimization (compact, microCompact, snip)

Screenshots / 功能截图

Feature Description Screenshot
Home Project overview with quick navigation Home
Module Explorer Browse and explore Claude Code modules Module Explorer
Module Detail View detailed module information and dependencies Module Detail
Pattern Map Visualize design patterns and architectural patterns Pattern Map
Lineage Map Track module lineage and inheritance relationships Lineage Map
Data Flow Analyze data flow between components Data Flow
Agent Framework Explore multi-agent system architecture Agent Framework
Knowledge Base Search and browse knowledge base Knowledge Base
File Browser Browse source code files directly File Browser
Doc Browser Read architecture documentation inline Doc Browser

Tech Stack

| Compone