Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Claude Code plugin that generates interactive 2D architecture maps of any codebase. Explores your project to discover modules, dependencies, types, and data flow pipelines, then renders a self-contained HTML visualization with pan/zoom, clickable module inspector, bezier-curve dependency edges, Outputs both interactive HTML and Markdown

License

Notifications You must be signed in to change notification settings

juxstin1/archmap-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

archmap banner

Turn any codebase into an interactive architecture map.
Analyze modules, dependencies, and data flow in seconds with a polished canvas UI.

Claude Code Plugin Canvas Renderer HTML and Markdown output 4 themes

What is Archmap?

archmap-plugin is a Claude Code plugin that generates:

  • docs/architecture.html - interactive architecture graph
  • docs/architecture-map.md - versionable architecture documentation

It is built for real code navigation, not static diagrams. You can pan, zoom, inspect modules, trace edges, switch themes, and export docs directly from the UI.

Install

claude plugin install /path/to/archmap-plugin --scope user

Local test mode:

claude --plugin-dir /path/to/archmap-plugin

Quick start

/archmap
/archmap <path>
/archmap --refresh

Product highlights

  • Deep project exploration with a dedicated plugin subagent (archmap:archmap-explorer)
  • Module nodes with file size, role, key types, key functions, and internal imports
  • Dependency edge graph with layer/tier-aware layout
  • Data flow pipeline sidebar for input-to-output reasoning
  • Built-in theme switcher: Dark, Light, Claude, OpenAI
  • Self-contained HTML output (no CDN, no runtime dependencies)
  • Automatic Markdown export for documentation and PR reviews

Output files

File Purpose
docs/architecture.html Interactive map for visual exploration
docs/architecture-map.md Structured architecture report for version control

Typical workflow

  1. Run /archmap at repo root.
  2. Review docs/architecture.html and inspect hotspots.
  3. Commit docs/architecture-map.md alongside code changes to keep architecture docs current.

Repository layout

archmap-plugin/
|- .claude-plugin/plugin.json
|- commands/archmap.md
|- agents/archmap-explorer.md
|- templates/archmap-template.html

Why teams use it

  • Faster onboarding for new contributors
  • Clearer system-level reviews in pull requests
  • Better visibility into coupling and dependency spread
  • Living architecture docs that stay close to code

archmap footer

About

Claude Code plugin that generates interactive 2D architecture maps of any codebase. Explores your project to discover modules, dependencies, types, and data flow pipelines, then renders a self-contained HTML visualization with pan/zoom, clickable module inspector, bezier-curve dependency edges, Outputs both interactive HTML and Markdown

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages