Zum Hauptinhalt springen

Diagram Intent Map

Progressive Discovery: Fragen → Deep Links

Wenn Du nach etwas Spezifischem suchst, nutze diese Links, um direkt zur relevanten Stelle zu springen.

"Wie erstelle ich...?"​

FrageAntwortLink
Wie erstelle ich ein Architecture Diagram?D2-Template mit TOGETHER-FarbenArchitecture Diagrams
Wie erstelle ich ein Sequence Diagram?D2 Sequence mit AktorenSequence Diagrams
Wie erstelle ich ein Flowchart?Decision Trees mit RautenFlowcharts
Wie erstelle ich ein Network Diagram?Nodes + ConnectionsNetwork Diagrams
Wie erstelle ich ein State Machine?States + TransitionsState Machines

"Welche Farbe soll ich nutzen...?"​

FrageAntwortLink
Welche Farbe für TOGETHER-Systeme?Orange ${together}System Colors
Welche Farbe für CCA-Systeme?Blau ${cca}System Colors
Welche Farbe für VU-Systeme?Grün ${vu}System Colors
Welche Farbe für Kundensysteme?Lila ${kundensystem}System Colors
Welche Farbe für Datenflüsse?Analysis ModeAnalysis Mode Colors
Welche Farbe für Bounded Contexts?Context ModeContext Mode Colors

"Wo finde ich...?"​

FrageAntwortLink
Wo finde ich die D2-Farb-Variablen?_colors.d2 ImportColor Import
Wo finde ich Templates?Fertige .d2 FilesTemplates
Wo finde ich User/Actor Icons?SVG Icons für PersonenActor Icons
Wo finde ich D2-Syntax-Referenz?Kurzreferenz für AIQuick Reference

"Wie handle ich...?"​

FrageAntwortLink
Wie handle ich Error Flows?Rot + GestricheltError Handling
Wie handle ich Authentication?Lock-Icon + Protokoll-LabelAuth Flows
Wie handle ich Async Communication?Dashed Lines + QueueAsync Patterns
Wie handle ich External Systems?VU-Farbe + Cloud-ShapeExternal Systems

"Best Practices?"​

FrageAntwortLink
Accessibility: Nur Farbe reicht nichtLinienstil + Labels kombinierenAccessibility
Simplicity: Zu komplex?Multiple fokussierte DiagrammeSimplicity
Consistency: Welche Farbe wofür?System Colors verwendenColor Principles
Rendering: Wie committe ich?Source (.d2) + Rendered (.svg)Rendering

AI Agent Workflow​

Empfohlener Ablauf für Diagramm-Erstellung:

  1. Intent klären: Was soll das Diagramm zeigen?
  2. Typ wählen: Passender Diagramm-Typ
  3. Template kopieren: Templates-Verzeichnis
  4. Farben importieren: ...@../../../assets/colors/_colors.d2
  5. System Colors nutzen: Color Mapping
  6. Rendern: d2 file.d2 file.svg
  7. Committen: BEIDE Files (.d2 + .svg)