tree-layout

What problem does it solve?

This Skill helps you build pedigree, hourglass, and descendant tree chart layouts that avoid clipped branches, overlaps, and broken connectors by enforcing a consistent measurement-then-placement pipeline.

Core Features & Use Cases

• Deterministic multi-pass chart layout: clone → inject placeholders → collapse pruning → measure box heights and horizontal footprints → place nodes in passes → route curved SVG connectors → finalize chart geometry.
• Dynamic box sizing: compute per-person box heights from wrapped names and optional birth/death lines, ensuring no fixed placeholder height leaks into real nodes.
• Correct placeholder behavior: filters placeholder nodes out of recursive spacing/placement passes to prevent phantom rows and subtree inflation, while still reserving outline width where needed.
• Connector generation: emits curved SVG Q-bezier elbow paths (with dashed placeholder conventions) that stay valid under collinear endpoints.
• Collision avoidance guarantees: places outline groups by scanning candidate positions to keep every box non-overlapping and lines from crossing boxes.

Quick Start

Ask the agent to layout a selected person’s pedigree chart using the tree-layout pipeline with placeholder filtering, dynamic box height measurement, footprint-based spacing, and curved connector routing.