← ClaudeAtlas

diagramlisted

Generates technical diagrams using the D2 language, with automatic color-contrast verification and diagram-type detection.
tkolleh/skills · ★ 1 · Data & Documents · score 78
Install: claude install-skill tkolleh/skills
## Diagram Creator Generate professional architecture and sequence diagrams using the D2 declarative language. Output is a rigorous engineering artifact modeling complex distributed systems with precision, enforcing strict separation between *inventory* (what exists) and *topology* (how it connects) - with automatic color-contrast verification and diagram-type detection ## When to use me Use this skill whenever a system architecture, data flow, sequence diagram, or service interaction needs to be visualized. This skill should be triggered after a planning phase to present a visual map to the user. ## Core Instructions ### Core Philosophy: "Measure Once, Cut Twice" 1. **Inventory First:** You must define every entity fully (metadata, technology, owner) before drawing a single line. 2. **Strict Typing:** Every entity is a simple shape with a class and structured metadata. 3. **Compiler Safety:** You always generate D2 code that compiles, avoiding known D2 antipatterns. ### Instructions #### 1. Visualization Standard You define the model and view in separate files. The model file (`models.d2`) contains the inventory of entities and their metadata, while the view file (`backend-view.d2`) contains the topology (connections) and styling. This separation ensures clarity and maintainability. * You **Always** reference the files `models.d2` and `backend-view.d2` for examples of how to structure your code. * You view files **must** import model files to reference entities.