create-table-modal

Generates a Glyvio SimpleTableModal view with columns, filters, routing, and user config persistence.

1|Updated Jun 11, 2026
One-click install
npx skills add https://github.com/devena/glyvio-forge --skill create-table-modal-devena
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-table-modal
Source: https://github.com/devena/glyvio-forge/tree/main/claude/skills/create-table-modal
Command: npx skills add https://github.com/devena/glyvio-forge --skill create-table-modal-devena

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a data table search and selection modal in a Glyvio plugin requires wiring together route definitions, column layouts, sidebar filters, query builders, and event handling by hand, which is repetitive and error-prone. This Skill generates the complete modal implementation from a small set of input parameters. ## Core Features & Use Cases - Full Modal Generation: Produces a TypeScript file extending SimpleTableModal with route class, state interfaces, column designs, row cell designs, and an interceptor class. - Query and Filter Wiring: Configures populateQueryBuilder with entity ordering and soft-delete filtering, plus populateMainFilter for keyword search across multiple fields. - Routing and Permissions: Registers the route via glyvio_core.routerService.loadRoutes with namespace, path, and permission enforcement. - Use Case: A developer needs a product selection modal at /products-table with code and name columns, an active-status sidebar filter, and keyword search; the Skill generates the entire product_table_modal.ts file and route registration. ## Quick Start Ask the agent to create a table modal for the Product entity in the my_plugin namespace at route /products-table with code and name columns and a show-inactive sidebar filter.

Frequently Asked Questions about create-table-modal

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

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

Provide the entity name, plugin namespace, route path, column definitions, and filter fields, and the Skill generates a TypeScript file extending SimpleTableModal with the route class, state interfaces, column designs, and query builder configuration, plus the route registration snippet.

How to add a sidebar filter to a Glyvio SimpleTableModal?▼

The generated modal pushes a FormSectionDesign into design.filterSectionsDesign containing fields like a BooleanTextfieldDesign bound to state.filtersSidebar. The populateQueryBuilder method then reads that filter state to adjust the query, such as excluding deleted records.

What inputs are required to generate a Glyvio table modal?▼

Five inputs are required: the entity name from glyvio_entity, the plugin namespace, a route path starting with a slash, table column definitions with key, title, and width, and the search and sidebar filter fields.

Why must Glyvio classes not be imported from core packages?▼

Glyvio classes, decorators, services, and entities are injected globally at runtime, so importing them from core packages breaks the plugin architecture. The generated code references them through globals like glyvio_core, glyvio_entity, and glyvio_structure instead.

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

Use $N{...} for Decimal and numeric fields such as counts and amounts. The $D{...} prefix is reserved for DateTime values only, $S{...} is for strings, and $T{...} is for translation keys.