system-design

What problem does it solve?

This Skill simplifies the process of documenting and communicating complex system architectures, data flows, and business logic. By leveraging Mermaid diagrams, it allows you to quickly create clear, text-based visualizations, reducing ambiguity and improving collaboration among team members.

Core Features & Use Cases

• Mermaid Diagram Generation: Supports various diagram types including Flowchart, Sequence, ER, State, and C4 Context.
• Structured Documentation: Guides on organizing diagrams within .concepts/ for architecture, flows, and data models.
• Business Logic Visualization: Helps translate complex business requirements into easy-to-understand visual representations.
• Use Case: When explaining a new feature's backend interactions, use this skill to generate a Mermaid sequence diagram that clearly illustrates the API calls and service interactions between different microservices or components.

Quick Start

Generate a simple Mermaid flowchart to visualize a decision-making process, for example, "User logs in" -> "Is user authenticated?" -> "Yes: Go to Dashboard" / "No: Show Login Error".