All skills
Skillintermediate
diagram 1
Generate architecture diagrams using Mermaid or ASCII art for system visualization.
Claude Code Knowledge Pack7/10/2026
Overview
Generate architecture diagrams using Mermaid or ASCII art for system visualization.
Steps
- Identify the diagram type needed:
- Gather the components to include from the codebase:
- Map relationships between components:
- Generate the diagram in Mermaid syntax.
- Add labels for all connections describing what data flows.
- Include a legend if the diagram uses custom notation.
- Save the diagram to the appropriate docs directory.
Format
graph TD
A[Component] -->|action| B[Component]
B --> C[Database]
Rules
- Keep diagrams focused on one aspect (do not mix sequence and class diagrams).
- Limit to 15 nodes maximum per diagram for readability.
- Label every arrow with the action or data being transferred.