Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
npx claudepluginhub mikegazzaruso/codemap --plugin codemapHow this command is triggered — by the user, by Claude, or both
Slash command
/codemap:architectureFiles this command reads when invoked
The summary Claude sees in its command listing — used to decide when to auto-load this command
# Architecture Diagram Analyze the current project and generate a **Mermaid architecture diagram** (`graph TD`). ## Steps 1. Explore the project root to understand the directory structure and identify all major components. 2. Read key configuration files (`package.json`, `pyproject.toml`, `go.mod`, `Cargo.toml`, `docker-compose.yml`, etc.) to determine the tech stack. 3. Identify the main layers: entry points, API/routes, services/business logic, data access/models, external integrations, infrastructure. 4. Trace how these layers communicate (imports, HTTP calls, database queries, messag...
/architectureGenerates Mermaid diagrams of your codebase: system overview, API route map, database ER diagram, and data flow sequences. Renders in GitHub.
/explain-architectureAnalyzes software architecture, detects patterns, maps components, generates ASCII diagrams and data flow docs, and produces Markdown reports. Supports subsystem focus via arguments.
/diagramGenerates infrastructure and architecture diagrams using D2 from codebase analysis, producing detailed/simplified MD docs, D2 sources, and light/dark SVGs in ./diagrams/.
/diagramGenerates focused architecture diagrams in Mermaid syntax from codebase components and relationships, with labeled data flows and optional legend. Saves to docs directory; limits to 15 nodes.
/generate-diagramsGenerates Mermaid diagrams including C4 architecture (L0-L3), data flows, sequence diagrams, user journeys, and ERDs from codebase analysis. Supports --type filter.
/archflow-diagramAnalyzes the current codebase and generates an animated, self-contained HTML architecture diagram.
Share bugs, ideas, or general feedback.
Analyze the current project and generate a Mermaid architecture diagram (graph TD).
package.json, pyproject.toml, go.mod, Cargo.toml, docker-compose.yml, etc.) to determine the tech stack.graph TD Mermaid diagram using subgraphs for each logical layer.Return:
```mermaid code block with the architecture diagram.SVG Rendering (mandatory — render-and-validate loop):
mkdir -p ./codemap-output./codemap-output/architecture.mmdnpx -y @mermaid-js/mermaid-cli -i ./codemap-output/architecture.mmd -o ./codemap-output/architecture.svg -b transparent.mmd, re-run step 3. Repeat until it succeeds..mmd file and report: SVG saved to ./codemap-output/architecture.svg$ARGUMENTS