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

create-list-modal

Generates a Glyvio entity search and selection modal with filters, cell layouts, and routing.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building an entity search and selection modal in a Glyvio plugin requires wiring together routing, query builders, cell layouts, sidebar filters, and event handling by hand, which is repetitive and error-prone. This Skill generates a complete SimpleListModal implementation from a small set of input parameters. ## Core Features & Use Cases - Full Modal Generation: Produces the route class, modal view, state interfaces, and interceptor class extending Glyvio's SimpleListModal base classes. - Search and Filters: Configures keyword search across entity fields, sidebar filter sections, and query builder ordering and soft-delete filtering. - Routing and Persistence: Registers the route in the plugin's routing configuration and wires user config persistence via a userConfigKey. - Use Case: A developer needs a customer picker modal in a Glyvio plugin. They provide the entity name, plugin namespace, and route path, and receive a ready-to-register TypeScript modal with cell layouts and tap-to-select behavior. ## Quick Start Ask the agent to create a list modal for the Customer entity in the my_plugin namespace at route /customer-list-modal showing name and code fields.

Frequently Asked Questions about create-list-modal

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

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

Provide the entity name, plugin namespace, route path, cell fields, and search filters, and the Skill generates a TypeScript file extending SimpleListModal with routing, query builder, cell design, and tap handling. Register the generated route class in your plugin's routing configuration.

What inputs are required to generate a Glyvio SimpleListModal?▼

Five inputs are required: the entity name from glyvio_entity, the plugin namespace, a route path starting with a slash, the fields to display in list cells, and the fields used for keyword search and sidebar filters.

Can I import Glyvio classes directly in the generated modal code?▼

No. Glyvio classes, decorators, services, and entities are injected globally at runtime, so the generated code references them through globals like glyvio_core and glyvio_entity rather than import statements.

Why does my Glyvio modal event handler not update the UI?▼

Event handlers added to events() must return 'STATE_UPDATE' when they mutate state directly, or 'STATE_FREEZED' for navigation actions. Returning undefined from a new action key is a silent no-op and the UI will not refresh.

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

Use $N{...} for Decimal and numeric values, $S{...} for strings, $D{...} only for DateTime, and $T{...} for translation keys. Using $D for numeric fields is explicitly disallowed.

Related Skills

Explore More Software Engineering Skills→
proofoftomproofoftom
1

drupal-views-dev

Expose custom Drupal data to Views and create custom Views plugins.

Community
Advanced
afialapisafialapis

miolo-cli-router

Implement React Router v7 client and server routing for miolo applications.

Community
Intermediate
bytetalentbytetalent

Detail Page With Tabs

Build entity detail pages with tab navigation in React and Next.js or Expo.

Official
Intermediate
openaiopenai
5.3k

airtable-filters

Build Airtable record filters using field IDs, operators, and nested AND/OR logic.

Official
Intermediate