← ClaudeAtlas

diagram-builderlisted

Use when the user wants to build or extend a diagram deck of nested sections and components authored in plain YAML — an architecture map, a timeline diagram, a planner board, a process-flow diagram, a slide-style presentation, a side-by-side comparison, or a mind-map. Not for charts, plots, or numeric/data visualization — route those to the dataviz skill. Triggers — "build a diagram", "architecture diagram", "diagram deck", "timeline diagram", "flow diagram", "planner board", "comparison diagram", "add a page/section/component to the diagram".
metraton/gaia · ★ 3 · Web & Frontend · score 76
Install: claude install-skill metraton/gaia
# Diagram Builder Diagram-builder draws a diagram of any kind — a system architecture, a timeline, a slide-style presentation, a process flow, a comparison, a mind-map, a planner board — as nested boxes authored in plain YAML and rendered by a generic engine: no framework, no server, opens under `file://`. Its whole material is two primitives — a recursive **section** that ARRANGES and a **component** that CARRIES — and its work is to find the form that teaches THIS idea best and lower it into that geometry. Everything domain-specific lives in the data; nothing about a domain lives in the engine. Everything on the canvas invites the reader toward the centre: the layout centres its content, a click opens a bottom-centre panel, a chip spotlights a relation. ``` idea └─ document the deck: title, subtitle, version, palette, pages └─ page one act/view (also the ROOT section: its columns + sections) └─ section a grid zone; nests other sections freely (a grid of grids) └─ component a leaf: a card, a divider, a lane label, a declared hole filters (page-level only) light a relation across components ``` ## The governing definition (the anchor) Internalize this before anything else. Every design decision is judged against it, and the adversarial critique at the end of the cycle is run against it: > A diagram is a **semantic design tool: nested boxes, one inside another**. > Some boxes are **sections** — they group other sections o