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

create-table-page

Generates a Glyvio plugin table page with columns, search, sidebar filters, routing, and menu registration.

1|Updated Jun 11, 2026
Search Tags:#typescript#routing#code generation#plugin development#glyvio#table page#sidebar filters
One-click install
npx skills add https://github.com/devena/glyvio-forge --skill create-table-page-devena
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-table-page
Source: https://github.com/devena/glyvio-forge/tree/main/claude/skills/create-table-page
Command: npx skills add https://github.com/devena/glyvio-forge --skill create-table-page-devena

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a new entity listing screen in a Glyvio plugin requires wiring together a page class, route definition, query builder, sidebar filters, and menu registration by hand, with several non-obvious framework rules that silently break the UI when violated. ## Core Features & Use Cases - Full Page Scaffolding: Generates a complete SimpleTablePage subclass with typed state interfaces, route class, column definitions, row cell mapping, and delete/new actions. - Routing & Menu Registration: Registers the route via routerService.loadRoutes and adds a sidebar menu item through FullMenuPage.fullMenuGroupAdd. - Framework Rule Enforcement: Encodes Glyvio constraints such as interpolation prefixes ($S, $D, $N, $T), EventReturn semantics, and the constant column-count rule for table layouts. - Use Case: Ask the agent to create a table page for a Product entity at /products with name/code columns and a status sidebar filter, and receive a ready-to-register TypeScript view file. ## Quick Start Ask the agent to create a Glyvio table page for your entity, providing the entity name, plugin namespace, route path, columns, search fields, and menu group.

Frequently Asked Questions about create-table-page

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

FAQPage Schema
How do I create a table page in a Glyvio plugin?▼

Extend glyvio_core.SimpleTablePage with typed state interfaces, define columns in getDesign, map rows in getDesignForRow, and register the route via routerService.loadRoutes. Then add a menu item with FullMenuPage.fullMenuGroupAdd pointing to your route class.

How do I add sidebar filters to a Glyvio table page?▼

Push FormSectionDesign entries into design.filterSectionsDesign containing FormLayoutFieldDesign controls bound to state.filtersSidebar fields. Then apply those filter values inside populateQueryBuilder using queryBuilder filter operators.

Why does my Glyvio table break when hiding columns dynamically?▼

TableLayoutColumnDesign and TableLayoutCellDesign have no visible property, and changing the columns array length based on sidebar filter state causes a column-count-mismatch error. Keep the array length constant and swap the cell child to a blank placeholder with width 0 instead.

What interpolation prefix should I use for decimal fields in Glyvio?▼

Use $N{...} for Decimal and numeric fields, $S{...} for strings, $D{...} only for DateTime values, and $T{...} for translation keys. Using $D for decimals is a common mistake that produces incorrect rendering.

Can I import Glyvio classes from core packages in a plugin?▼

No. Glyvio classes, decorators, services, and entities are injected globally at runtime, so you must reference them through namespaces like glyvio_core and glyvio_entity rather than importing from core packages.

Related Skills

Explore More Software Engineering Skills→
SilverAssistSilverAssist
1

create-component

Scaffold WordPress plugin components with templates and registration steps.

Official
Intermediate
sdcorejssdcorejs
2

angular-portal-screen-list

Generate Angular Portal list components with SdTable, paging, filters, and permission-aware actions.

Community
Intermediate
qvidal01qvidal01

report-api

Start the report-generator FastAPI server for multi-source data aggregation and report generation.

Community
Intermediate
BumpyClockBumpyClock
1

frontend-developer

Generate production-grade frontend interfaces with React, Vue, or HTML/CSS.

Community
Advanced