add-section

To add a new HUD tab with persistent state, use the /add-section command to scaffold a UI section that includes a JSON-serializable state store. This automatically registers the tab in the global registry and remembers user preferences.

Managing lifecycle hooks for a custom UI section requires implementing build and destroy phases within a standardized file structure. This approach provides lifecycle-managed sections that ensure clean initialization and teardown of HUD components.

Registering a new UI tab with the global tab registry happens automatically when you scaffold a section using the /add-section command. This registry-driven integration ensures your new tab participates in the global HUD framework immediately.

Creating new HUD sections enforces a stable file structure using the src/ui/sections/<Name>/ directory pattern. This standardized organization ensures consistent placement of lifecycle, state persistence, and registry registration logic across all tabs.

Yes, you can persist JSON-serializable state data for individual HUD tabs. The skill provides a dedicated state store per tab, allowing each section to save and retrieve user preferences and session data independently.