Verified:GitHub

create-table-page-interceptor

Name: create-table-page-interceptor
Availability: InStock
Author: Devena

Generates and registers a TypeScript interceptor class that customizes Glyvio SimpleTablePage designs, rows, and queries.

1|Updated Jun 11, 2026

Search Tags:#typescript #code generation #plugin development #interceptor #glyvio #chrome debugging #table page

Ready to run

npx skills add https://github.com/devena/glyvio-forge --skill create-table-page-interceptor-devena

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: create-table-page-interceptor
Source: https://github.com/devena/glyvio-forge/tree/main/claude/skills/create-table-page-interceptor
Command: npx skills add https://github.com/devena/glyvio-forge --skill create-table-page-interceptor-devena

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Customizing an existing Glyvio table page (adding filters, columns, row cells, or query constraints) requires writing a correctly-typed interceptor class against abstract base classes and runtime design trees, which is error-prone without knowing the live page structure. ## Core Features & Use Cases - Live Design Capture: Uses a temporary SpyInterceptor plus a Chrome remote-debugging inspection script to save the actual page design JSON as ground truth before writing any code. - Guided Code Generation: Produces a full interceptor blueprint overriding getDesign, getDesignForRow, populateQueryBuilder, populateMainFilter, and lifecycle hooks, with strict rules like findWidgetByKey navigation and no `any` casts. - Use Case: A developer needs to add a sidebar filter and a custom action cell to ProductTablePage in a Glyvio plugin; the skill captures the live design, analyzes the widget tree, and generates a registered interceptor that compiles cleanly. ## Quick Start Ask the agent to create a table page interceptor for your target page, providing the page name, route class, entity, and the modifications you want.

Frequently Asked Questions about create-table-page-interceptor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I customize a Glyvio SimpleTablePage without modifying its source code?▼

Create an interceptor class extending the page's abstract SimpleTablePageInterceptor base class, override hooks like getDesign or getDesignForRow, and register it via appInterceptorService.registerInterceptors. This skill generates that class and its registration for you.

How do I add filters, columns, or buttons to an existing Glyvio table page?▼

Override getDesign in a table page interceptor and mutate the SimpleTablePageDesign, locating target widgets with the built-in findWidgetByKey method. The skill first captures the live design JSON so all navigation paths match the real page structure.

Why can't I set visible = false on a table column or cell in Glyvio?▼

TableLayoutColumnDesign and TableLayoutCellDesign have no visible property, and changing the columns or cells array length breaks the table with a column-count-mismatch error. Instead, keep the slot and swap its child to a blank placeholder.

How does the skill capture the current table page design JSON?▼

It temporarily registers a SpyInterceptor that stores the design on window.__finalDesign, then runs the chrome_inspector.js script against Chrome with remote debugging on port 9222 to save the JSON to .agents/temp. If debugging is unavailable, the user can paste the JSON manually.

How do I know which abstract interceptor class to extend?▼

Search the plugin's .d.ts declaration files for the abstract interceptor whose getListenerRoute returns the target route class. If a subclass carries the JSDoc comment "You MUST extend this instead.", that specialized class must be used as the base.