What problem does it solve? Customizing an existing Glyvio SimpleGridPage view requires knowing its exact runtime design tree, the correct abstract interceptor base class, and the proper registration flow. This Skill automates that process by capturing the live page design JSON, analyzing it as ground truth, and generating a correctly typed interceptor class. ## Core Features & Use Cases - Live Design Capture: Uses a temporary SpyInterceptor plus a Chrome remote-debugging inspection script to extract the current page design JSON before writing any code. - Ground-Truth Code Generation: Derives all navigation paths, widget keys, and runtime classes exclusively from the captured JSON, using findWidgetByKey instead of fragile hardcoded traversal. - Full Interceptor Blueprint: Generates overrides for getDesign, getDesignForCell, populateQueryBuilder, populateMainFilter, onInitState, onRefreshState, and onEvent, then registers the listener in src/index.ts. - Use Case: You need to add a sidebar filter, recolor overdue task cards, and exclude inactive records on the TaskTypeGridPage. The Skill captures the page design, saves an analysis file, and produces a registered interceptor implementing all three changes. ## Quick Start Ask the agent to create a grid page interceptor for your target Glyvio grid page, providing the page name, route class, state class, entity name, and the design, cell, and query modifications you want.
