terminal-diagrams
Installation
SKILL.md
Terminal Diagrams
Step 1: Define the rendering contract
- IDENTIFY architecture | schema | topology | process | dependency graph | state machine | table | repair.
- RECORD target environment (
markdown_code_blockoransi_terminal), charset (unicodeorascii), maximum canvas columns, width profile, alignment, flow direction, node hierarchy, edge directions/labels, required emphasis, and whether every canvas row or only named rectangular components must share a width. - COPY
assets/layout-request.jsonwhen the request is structured; validate its shape againstassets/layout-request.schema.jsonbefore layout. - READ
references/width-model.mdbefore measuring non-ASCII labels or adding ANSI. - CHOOSE Mermaid/SVG instead when exact graph routing or browser-native scaling matters more than terminal fidelity; keep text diagrams for genuine terminal/Markdown output.
Completion: target, character repertoire, cell-width policy, canvas bound, components, and edge semantics are explicit.
Step 2: Normalize the semantic graph
- LIST nodes with stable IDs, labels, body rows, border emphasis, and optional style.
- LIST directed, reverse, bidirectional, and undirected edges with source, target, label, and required route.
- COLLAPSE decorative nodes that add no semantic distinction; group repeated siblings only when the grouping remains clear.
- ORDER nodes by reading flow and dependencies. Use top-to-bottom for sequences/hierarchies and left-to-right for compact pipelines.
- BREAK cycles with a clearly labeled return edge; never imply direction solely through placement or color.