skills.rest
devena
devenaOFFICIAL
Explore all skills by this author →
GitHub

create-table-page-interceptor

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
One-click install
npx skills add https://github.com/devena/glyvio-forge --skill create-table-page-interceptor-devena
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
PostHogPostHog
713

test-electron-app

Drive the running PostHog Electron app over CDP to test and verify desktop changes.

Official
Advanced
worldlibertyworldliberty
509

add-plugin

Create and register AgentPay SDK plugins in src/plugins with CLI tests.

Official
Intermediate
JKKN-InstitutionsJKKN-Institutions

entity-crud-page-builder

Generate standardized entity CRUD pages for JKKN COE Next.js applications.

Official
Advanced
InsightfulAnalyticsInsightfulAnalytics
6

pbi-report-design

Applies design identity, layout, color, and accessibility rules to Power BI report pages.

Community
Advanced