Interactive codebase exploration using mermaid diagrams and prose walkthroughs. Scans the project, presents an overview, and lets you drill into what you care about. Export explored sections to a self-contained HTML document at any point.
/csetup first β works out of the box/cexplain is an observability skill β it reads the codebase but never modifies it. It works at any point in the workflow and does not require /csetup. It benefits from Serena MCP when available (better symbol tracing), but falls back to grep-based analysis automatically.
Agent: How would you like to view exploration results?
1. Terminal (default) β inline mermaid + prose
2. HTML file β rendered diagrams in a shareable file
User: 1
Agent: Scanning project...
## Project Overview
**Name:** my-api
**Language:** TypeScript
**LOC:** ~12,400
**Purpose:** REST API for user management with JWT auth
**Components:**
1. `src/routes/` β Express route handlers (8 files)
2. `src/middleware/` β Auth, validation, error handling (4 files)
3. `src/models/` β Sequelize data models (6 files)
4. `src/services/` β Business logic layer (5 files)
5. `src/utils/` β Shared helpers (3 files)
What would you like to explore?
1. Request lifecycle β trace a request from entry to response
2. Component dependency diagram
3. Trust boundary map
4. Deep dive into a specific component
5. Export to HTML
Or name a file, directory, or concept: ___
User: 1
Agent: [sequenceDiagram showing request flow]
[2-5 paragraphs explaining the flow with file:line references]
Confidence: Traced 5/6 connections. Middleware β Service connection inferred from naming.
Follow-ups:
1. Drill into the auth middleware?
2. See the data model for User?
3. Back to overview
4. Export to HTML
/cexplain works the same at all intensity levels. When Serena MCP is available (with MCP configured), symbol tracing is more precise. Without Serena, the skill uses grep-based analysis.