jui-stack

Create JUI components — reusable UI building blocks used in GWT/JUI applications. Use this skill when the user asks to: create a new component, build a custom UI element, create a panel or widget, or asks about component patterns. Also trigger when the user mentions component, SimpleComponent, StateComponent, buildNode, renderer, DomBuilder, or asks how to create a reusable UI element.

Create JUI controls — interactive form field components used in GWT/JUI applications. Use this skill when the user asks to: create a new control, build a custom form field, create an interactive input component, or asks about control patterns. Also trigger when the user mentions control, form field, value management, dirty detection, or asks how to create a reusable input that can be placed in a ControlForm.

Build and update DOM with JUI's DomBuilder. Use this skill whenever rendering or re-rendering DOM in a JUI component, control or fragment: building element trees with Div/Span/H3/A/Button etc. under Wrap.$(el), extracting elements with .by()/.use(), wiring events with .onclick()/.on(), inserting child components, and — critically — updating part of the DOM at runtime. Triggers include: DomBuilder, Wrap, Wrap.buildInto, buildInto, rerender, re-render, refresh part of the DOM, update the DOM, ElementBuilder, INodeProvider, StateComponent, StateVariable, 'my onclick stopped firing after re-render', 'event handler not wired up', 'how do I redraw a section'.

Create JUI fragments — reusable DOM building blocks used in GWT/JUI applications. Use this skill when the user asks to: create a new fragment, build a reusable UI component that is not a full Component, create a DOM helper, or asks about fragment patterns. Also trigger when the user mentions fragment, DOM builder, or asks how to create a reusable piece of UI that can be inserted into builders.

Build modals and dialogs in the JUI framework — floating UI for create/edit forms, confirmations, alerts and custom panels. Use this skill whenever the work involves a modal, dialog, popup, create form, edit/update form, delete confirmation, confirm/alert/error/save prompt, slide-out panel, or wrapping a component so it opens over the page. Triggers include: Modal, ModalDialog, ModalDialogCreator, IDialogOpener, NotificationDialog, modal dialog, dialog opener, open() pattern, create/update form pair, IProcessable, IEditable, IResetable, IModalAware, confirm dialog, 'open a form in a dialog', 'dialog-enable a component', actions / footer buttons on a dialog.

Style JUI components, controls, and fragments using localised CSS, CSS variables, and style packs. Use this skill when the user asks to: add or modify CSS for a component/control/fragment, create a custom style variant, theme a component, use CSS variables, or asks about styling patterns. Also trigger when the user mentions ILocalCSS, CssResource, localised CSS, style pack, Config.Style, CSS variables, or asks how to style or theme a JUI element.