What problem does it solve? Building consistent record create-and-edit panels in an Angular admin application requires coordinating routing, saving, unsaved-changes guards, and layout conventions; this Skill encodes the full pattern so panels behave uniformly and survive reloads. ## Core Features & Use Cases - Route-declared panels: Declares each panel as a route in the ro outlet so it survives reloads, is linkable, and lands in browser history, with navigation relative to the current route. - Shared base and mutation flow: Inherits RtRouteAsideComponent<T> for entity state and saving mechanics, and runs writes through runMutation with success toasts, error handling, and close-on-success. - Guards and layout conventions: Sets up the unsaved-edits guard on all four closing paths, fixed header/footer button captions, and read-only detail panels built from rt-aside-section, rt-detail-list, and rt-detail-row. - Use Case: When adding a booking edit panel to an admin app, follow this pattern to wire the route, inherit the base, guard unsaved edits, and render the footer buttons correctly. ## Quick Start Ask the AI to create a new record edit panel for an entity following the entity-aside pattern with a routed ro outlet, the shared aside base, runMutation saving, and the unsaved-changes guard.
