create-edit-modal

Generates a Glyvio entity edit modal with form validation, saving, routing, and interceptor hooks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a create/edit form in a Glyvio plugin requires wiring together state initialization, query builders, event handlers, route registration, permissions, and design objects — a repetitive pattern that is easy to get subtly wrong (silent no-op events, broken attachments, missing route registration). ## Core Features & Use Cases - Full Modal Blueprint: Generates a complete SimpleEditModal subclass with state interface, route params, initState loading logic, events() handlers, save/cancel actions, and form design. - Route & Permission Registration: Produces the matching route class with path, namespace, and permission constant, ready to register in the plugin's routing configuration. - Optional Attachments & Tabs: Includes a verified five-piece recipe for deferred attachment uploads and a tabbed-section layout for multi-section forms. - Use Case: Ask the agent to create an edit modal for a Product entity with name, price, and active fields — it outputs the modal file, route registration snippet, and interceptor class following all Glyvio architectural rules. ## Quick Start Ask the agent to create an edit modal for your entity by providing the entity name, plugin namespace, route path, form fields with types and labels, and the required route permission.

Frequently Asked Questions about create-edit-modal

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

FAQPage Schema
How do I create an edit modal in a Glyvio plugin?▼

Extend glyvio_core.SimpleEditModal with a state interface, implement initState to load or create the entity, handle save and cancel in events(), and define the form in getDesign. Then create a matching route class and register it via glyvio_core.routerService.loadRoutes.

How do I add file attachments to a Glyvio edit modal?▼

Embed an AttachmentsEditSectionRoute via RuleSectionDesign.fromRoute with saveOnlyOnAction: true, implement AttachmentExtensionDelegate, call registerAttachment in the constructor, add the attachmentOnFilesUploaded callback, and flush changes with getChanges and saveEntities in the save handler. All pieces are required together.

Why does my Glyvio modal event handler do nothing?▼

Handlers added to events() must return 'STATE_UPDATE' when mutating state directly, or 'STATE_FREEZED' for navigation actions like popModal. Returning undefined from a new action key is a silent no-op with no build error.

Can I use ChoiceMultipleTextfieldDesign for editable multi-select fields?▼

It has a confirmed framework bug: adding an item throws once the selection already has one or more items. For genuinely editable multi-selects, prefer EntityAutocompleteMultipleTextfieldDesign or individual toggle buttons instead.

How do I split a Glyvio edit form into tabs?▼

Set design.showSectionsInTabs to true, give every section a key, and optionally group keys under custom titles with design.tabsDesign. Use pinnedSectionKeysTop or pinnedSectionKeysBottom to keep summary sections visible on every tab.