Slash Command

/architecture

Generate a full architecture diagram of the current project

Install

Run in your terminal

npx claudepluginhub mikegazzaruso/codemap --plugin codemap

Command Content

Other plugins with /architecture

/architecture

Get architecture overview of a repo. e.g. "/architecture apache/kafka"

deepwiki

/architecture

Update ARCHITECTURE.md to document system design and patterns

project-docs

/architecture

construction/

クラウドアーキテクトとしてデプロイ計画を作成

ReadWriteEdit+3

ai-dlc

/architecture

Get a high-level overview of the codebase architecture

mcp__plugin_constellation_constellation__code_intel

constellation

/architecture

Loom architecture — generate project scaffolding, conventions, skills, and architectural docs across Claude, Gemini, and GPT, then synthesize the best architecture

BashReadGrep+5

loom

/architecture

Design and document system architecture

planning

Stats

Stars1

Forks0

Last CommitFeb 2, 2026

Actions

View Source View Plugin View on GitHub View README

Steps

Explore the project root to understand the directory structure and identify all major components.

Read key configuration files (package.json, pyproject.toml, go.mod, Cargo.toml, docker-compose.yml, etc.) to determine the tech stack.

Identify the main layers: entry points, API/routes, services/business logic, data access/models, external integrations, infrastructure.

Trace how these layers communicate (imports, HTTP calls, database queries, message queues).

Generate a graph TD Mermaid diagram using subgraphs for each logical layer.

Label edges with communication protocols or relationship types.

Output

Return:

A 2-3 sentence summary of the project architecture.

A single fenced ```mermaid code block with the architecture diagram.

A brief legend if any abbreviations or conventions are used.

SVG Rendering (mandatory — render-and-validate loop):

mkdir -p ./codemap-output

Write the Mermaid code to ./codemap-output/architecture.mmd

Run: npx -y @mermaid-js/mermaid-cli -i ./codemap-output/architecture.mmd -o ./codemap-output/architecture.svg -b transparent

If rendering fails: read the error, fix the Mermaid code, overwrite the .mmd, re-run step 3. Repeat until it succeeds.

Once successful: remove the .mmd file and report: SVG saved to ./codemap-output/architecture.svg

$ARGUMENTS

Architecture Diagram

Analyze the current project and generate a Mermaid architecture diagram (graph TD).

Steps

Explore the project root to understand the directory structure and identify all major components.
Read key configuration files (package.json, pyproject.toml, go.mod, Cargo.toml, docker-compose.yml, etc.) to determine the tech stack.
Identify the main layers: entry points, API/routes, services/business logic, data access/models, external integrations, infrastructure.
Trace how these layers communicate (imports, HTTP calls, database queries, message queues).
Generate a graph TD Mermaid diagram using subgraphs for each logical layer.
Label edges with communication protocols or relationship types.

Output

Return:

A 2-3 sentence summary of the project architecture.
A single fenced ```mermaid code block with the architecture diagram.
A brief legend if any abbreviations or conventions are used.

SVG Rendering (mandatory — render-and-validate loop):

mkdir -p ./codemap-output
Write the Mermaid code to ./codemap-output/architecture.mmd
Run: npx -y @mermaid-js/mermaid-cli -i ./codemap-output/architecture.mmd -o ./codemap-output/architecture.svg -b transparent
If rendering fails: read the error, fix the Mermaid code, overwrite the .mmd, re-run step 3. Repeat until it succeeds.
Once successful: remove the .mmd file and report: SVG saved to ./codemap-output/architecture.svg

$ARGUMENTS