Skip to content
Development
Command

/diagram

Generate Mermaid diagrams from codebase analysis or description.

From plugin
rohitg00-claude-code-toolkit
2.8k199 skills138 agents199 commands
$ npx -y skills add rohitg00/awesome-claude-code-toolkit --agent claude-code

Command definition

diagram.md

Generate Mermaid diagrams from codebase analysis or description.

Steps

1. Determine the diagram type from the argument or context:

  • `flowchart` - Process flows, request handling, business logic.
  • `sequenceDiagram` - API call sequences, service interactions.
  • `classDiagram` - Module structure, class relationships.
  • `erDiagram` - Database schema, entity relationships.
  • `graph` - Dependency trees, module relationships.
  • `stateDiagram-v2` - State machines, workflow states.

2. If generating from code:

  • Scan imports and exports to map module dependencies.
  • Read route definitions for sequence diagrams.
  • Parse database schemas for ER diagrams.
  • Analyze class hierarchies for class diagrams.

3. If generating from description, parse the user's requirements. 4. Build the Mermaid syntax with proper relationships and labels. 5. Write the diagram to a markdown file or embed in an existing doc. 6. Validate the syntax is correct Mermaid that will render properly.

Format

```mermaid
<diagram-type>
    <nodes and relationships>

## Rules

- Keep diagrams focused; split large systems into multiple diagrams.
- Use descriptive labels on all edges and nodes.
- Limit diagrams to 20 nodes maximum for readability.
- Use consistent naming conventions matching the codebase.
- Add a brief text description above each diagram explaining what it shows.
- Use subgraphs to group related components.
Read more
@rohitg00
Ships withrohitg00-claude-code-toolkit

The most comprehensive toolkit for Claude Code -- 135 agents, 35 curated skills (+400,000 via SkillKit), 42 commands, 176+ plugins, 20 hooks, 15 rules, 7 templates, 15 MCP configs, 26 companion apps, 53 ecosystem entries, and more.

2.8k40 skills138 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
2.8k
Star history of rohitg00/awesome-claude-code-toolkit on GitHub, a chart by star-history.com

Other commands on rohitg00-claude-code-toolkit.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command