Diagram Visual Design

---
name: diagram-visual-design
description: Design explanatory diagrams that clarify relationships, flow, hierarchy, architecture, or process using restrained visual encoding and accurate labels.
---
# Diagram Visual Design

Use when this procedure is the primary professional method needed for the assignment.

## Procedure
1. Confirm the decision or outcome this work must support, its scope, owner, constraints, and definition of success.
2. Establish the evidence baseline using source model/process, terminology, audience, brand style, dimensions, and accessibility constraints. Do not fill material gaps with assumptions when they can change the result.
3. Define the question the diagram answers, choose node/edge/group semantics, minimize crossings/noise, establish legend only when needed, and verify with subject owner.
4. Exercise realistic edge, failure, transition, or exception cases that could invalidate the result; record unresolved uncertainty explicitly.
5. Validate the output against the original outcome and any neighboring professional contracts so this skill does not silently absorb another specialist's authority.
6. Record the resulting artifact, measurements, decisions, provenance, and handoff information needed for another owner to reproduce or continue the work.

## Quality gate
The diagram communicates the correct structure without decorative relationships or ambiguous visual encodings.