claude-code-mastery-project-starter-kit: Command for Claude Code

Generate Diagram

Scan the actual project and generate/update diagrams based on what exists in code.

Type: $ARGUMENTS

Available types:

• architecture — System overview: services, connections, data flow → updates project-docs/ARCHITECTURE.md
• api — API routes map: all endpoints grouped by resource → updates project-docs/ARCHITECTURE.md
• database — Database schema: collections, indexes, relationships → updates project-docs/ARCHITECTURE.md
• infrastructure — Deployment topology: servers, containers, regions → updates project-docs/INFRASTRUCTURE.md
• all — Generate all diagram types

If --update is passed, replace existing diagrams in-place. Otherwise, show the diagram and ask before writing.

Diagram Format

ALL diagrams use ASCII box-drawing characters. No Mermaid, no SVG, no external tools. ASCII works in every terminal, every markdown renderer, every code review.

Box characters: ┌ ┐ └ ┘ │ ─ ├ ┤ ┬ ┴ ┼
Arrows: → ← ↑ ↓ ──> <── ───>

---

Type: architecture

Scan the project and generate a system overview diagram.

What to scan:

1. src/ directory structure — identify services, handlers, adapters

   find src/ -name "*.ts" -o -name "*.tsx" 2>/dev/null | head -50
   

2. Entry points — find all server/app files

   grep -rl "app.listen\|createServer\|express()\|fastify()\|Hono()" src/ 2>/dev/null
   

3. Route definitions — find where endpoints are defined

   grep -rn "app\.\(get\|post\|put\|delete\|patch\)\|router\.\(get\|post\|put\|delete\|patch\)" src/ 2>/dev/null
   

4. Database usage — find which services access the database

   grep -rl "queryOne\|queryMany\|insertOne\|updateOne\|bulkOps\|batch\|StrictDB\|MongoClient\|PrismaClient" src/ 2>/dev/null
   

5. External service calls — find adapters and API calls

   grep -rl "fetch(\|axios\|got(" src/ 2>/dev/null
   

6. Package.json — check for framework indicators

   • next → Next.js app
   • express → Express API
   • fastify → Fastify API
   • hono → Hono API