Explanatory Playground Build dev-only visualizations that make invisible system behavior visible. Workflow 1. Clarify the target Use AskUserQuestion to understand what needs visualization: Then ask what's confusing: 2. Identify what's hidden Based on answers, determine what to surface: - State — Values that change over time - Transitions — Events that trigger changes - Relationships — How parts communicate - Logic — Conditions, thresholds, rules 3. Pick visualization approach | System | Visualization | Library | |--------|--------------|---------| | State machines | Node-edge graph | react-fl…