create-grid-page

Generates a Glyvio entity grid page with search, sidebar filters, routing, and menu registration.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a new entity listing screen in a Glyvio plugin requires wiring together a route class, a SimpleGridPage view, query filters, card cell designs, and menu registration by hand. This Skill generates that entire grid page from a small set of parameters, following Glyvio's architectural rules. ## Core Features & Use Cases - Full grid page generation: Produces the route class, page state interfaces, card cell design, query builder constraints, search filter mapping, and entity tracking in one TypeScript file. - Routing and menu registration: Registers the new route via glyvio_core.routerService.loadRoutes and adds a sidebar menu item with FullMenuPage.fullMenuGroupAdd. - Card layout patterns: Guides selection among five card cell patterns (single row, two rows, status chip, avatar, KPI totals) based on the entity's fields. - Use Case: You need a /products-grid page for a Product entity with name/code search, a "Show Deleted" sidebar filter, and an entry under the Administration menu — provide the entity name, namespace, route path, and fields, and the Skill emits the complete page. ## Quick Start Ask the agent to create a grid page for the Product entity in the my_plugin namespace at route /products-grid with name as the title field and code as the subtitle.

Frequently Asked Questions about create-grid-page

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

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

Provide the entity name, plugin namespace, route path, title field, and menu group. The Skill generates a TypeScript file extending SimpleGridPage with the route class, card cell design, query builder filters, and search mapping, then registers the route and menu item.

What parameters are required to generate a Glyvio grid page?▼

The required parameters are entityName, pluginNamespace, routePath, titleField, and menuGroup. Optional inputs include subtitleField, imageField, sidebarFilters, cell dimensions, and main search fields.

Which card cell layout pattern should I use for my entity?▼

Choose based on displayed fields: Pattern A for one field, B for title plus subtitle, C when a status chip is needed, D for person or contact entities with avatars, and E for entities with multiple numeric KPIs. The root child must always be a Row or Column layout.

Why must event handlers return STATE_UPDATE in Glyvio pages?▼

Any new action key in events() that mutates state properties must return 'STATE_UPDATE' so the view re-renders. Use 'STATE_FREEZED' only for navigation actions like pushPage or pushModal; returning undefined is a silent no-op.

Can I import Glyvio classes from core packages in the generated page?▼

No. Glyvio classes, decorators, services, and entities are injected globally at runtime, so the generated code references them as globals like glyvio_core.CardCellDesign rather than importing them from core packages.