From visualization
Analyzes source code to generate Mermaid diagrams for classes, ER entities, sequences, and dependencies. Supports TS, Python, Java, C#, Prisma schemas, Django models, and routes.
How this skill is triggered — by the user, by Claude, or both
Slash command
/visualization:visualize-codeThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Analyze source code files and automatically generate appropriate diagrams.
Analyze source code files and automatically generate appropriate diagrams.
/visualization:visualize-code <path> [diagram-type]
<path> - File or directory to analyze (required)[diagram-type] - Optional: class, er, sequence, dependency (auto-detected if omitted)/visualization:visualize-code src/models
/visualization:visualize-code src/services/user.service.ts class
/visualization:visualize-code prisma/schema.prisma er
/visualization:visualize-code src/routes sequence
/visualization:visualize-code src dependency
| Type | Trigger | Input |
|---|---|---|
class | TypeScript/Python/Java classes | .ts, .py, .java, .cs files |
er | ORM/database schemas | schema.prisma, models.py, *.entity.ts |
sequence | API route handlers | Route files with HTTP handlers |
dependency | Import statements | Any source files |
Delegate to the visualization:code-visualizer agent with the following prompt:
Task: Analyze source code and generate an appropriate diagram.
Target: $1 (path to analyze) Diagram Type: $2 (optional - auto-detect if not specified)
Instructions:
Auto-Detection Rules:
| File Pattern | Default Type |
|---|---|
schema.prisma | ER |
models.py (Django/SQLAlchemy) | ER |
*.entity.ts | ER |
**/routes/**, *_controller.* | Sequence |
Generic .ts, .py, .java | Class |
Output Format:
Return:
Example Output for Class Diagram:
Analyzed 5 files in src/models/:
classDiagram
class User {
+String id
+String email
+createPost()
+addComment()
}
...
Note: Some private utility methods were omitted for clarity.
npx claudepluginhub melodic-software/claude-code-plugins --plugin visualizationScans codebases to auto-generate Mermaid diagrams like ER for DB schemas/models, sequence for API routes, architecture for services, and state diagrams from file structure.
Generates Mermaid class diagrams from codebases showing classes, interfaces, inheritance, and composition. Useful for understanding hierarchies, documenting APIs, and analyzing patterns.
Scans a codebase path to auto-generate 2-4 relevant D2 diagrams like ER for DB schemas, sequences for API routes, architecture for services, and class diagrams.