What problem does it solve? Customizing an existing Glyvio TabSidebar view requires knowing its live design tree, the correct abstract interceptor base class, and the registration API. This Skill automates that workflow by capturing the real sidebar design JSON at runtime and generating a correctly typed interceptor class. ## Core Features & Use Cases - Runtime Design Capture: Uses a temporary SpyInterceptor plus a Chrome remote-debugging inspection script to save the live sidebar design JSON to disk before writing any code. - Ground-Truth Code Generation: Derives every navigation path, widget key, and runtimeClass from the captured JSON, resolving the correct base interceptor class from .d.ts declarations (including mandatory "You MUST extend this instead." subclasses). - Full Interceptor Blueprint: Generates overrides for getDesign, getContentsRoutes, onInitState, onRefreshState, and onEvent, then registers the interceptor via appInterceptorService. - Use Case: A developer needs to hide a field and add a custom tab to the TaskSidebar in a Glyvio plugin. The Skill captures the TaskSidebar design, writes an analysis file, and produces a registered TaskSidebarInterceptor subclass implementing the changes. ## Quick Start Ask the agent to create a TabSidebar interceptor for a target sidebar such as TaskSidebar, specifying the modifications you want to its design and tabs.
