XIOS plugin for Claude

Views and the Core components

Write XIOS views and applications (declarative XML - application, view, panel, components, process steps) with the Core components and their current API only. Use when creating or editing an XIOS application or view XML, choosing an XIOS component, or reviewing XIOS UI markup for legacy attributes.

• panel - the layout container: rows, columns or flow, gap and padding, field labels, titled boxes and expanders → components/panel.md
• group - one choice shared by its children: radios, a segmented control of buttons, or one panel shown at a time → components/group.md
• tabstrip - tabs, each showing one panel: static or made from data, closeable → components/tabstrip.md
• label - read-only text: headings, captions, values from data, formatted dates, the type classes → components/label.md
• image - a picture or an icon that is not a control → components/image.md
• qr - a QR code of a text, a URL or a Wi-Fi network → components/qr.md
• button - an action: Select, a toggle, a menu opener, a busy spinner, the default button → components/button.md
• menu, item, divider, dataitem - popup menus: opened from a button or as a context menu, submenus, checkable and radio items, dividers, items from data → components/menu.md
• input - a one-line field: text, password, number, date, time; validation → components/input.md
• textarea - multi-line plain text → components/textarea.md
• checkbox - a yes/no choice, confirmed later (a form option) → components/checkbox.md
• toggle - an on/off switch for a setting that applies at once → components/toggle.md
• radio - one of a few visible options, in a group → components/radio.md
• combobox, plate - a choice from a dropdown list (its plate), or a field with suggestions → components/combobox.md
• colorpicker - a color picker, with WCAG contrast lines → components/colorpicker.md
• upload - file and folder uploads into a drive, with progress → components/upload.md
• codeeditor - a code, XML or JSON editor bound to a document → components/codeeditor.md
• list - rows from a document, drawn by a rule: selection, filter, drag and drop → components/list.md
• table - rows with columns: sort, filter, cell editing, pages, bands → components/table.md
• tree - a hierarchy that opens and closes: children on demand, checkboxes, the path → components/tree.md
• app - another application embedded in a view → components/app.md

Also here: validator/, the XIOS validator (Node.js): node ~/.claude/skills/xios/skills/xios-views/validator/cli.js app.xml

Processes, operations, expressions

Write XIOS process logic (process, trigger, step, alias, XIOS expressions and XPath, and the Core operations such as action, bind, change, decision, call, confirm, save, database) with their current API only. Use when writing or editing the process of an XIOS application, choosing an operation, or writing {...} expressions, references like `#view#comp`, `$alias` and `!`, or XPath tests.

• Triggers - events, keys, what ! holds, <param>
• Aliases - models, when, scope, reading $name
• Expressions - XPath, rules and XIOS, references, {...}, operators, functions, traps
• Expression functions - every other function; read it only when you need one
• action, callMethod, setSelection - set, show, hide components, field states; call methods; select rows
• bind, change, foreach, create - bind, edit (add, set text, delete, move), loop, in-memory documents
• decision, call, async, confirm, debug - branch (<if>), run steps, timers, dialogs, log
• save, database, download - save, files and folders on a drive, download
• open, close, config, system, callService - views and applications, language, settings, clipboard, HTTP
• channel, login, groups, friends, tenant, mail, share, stats - CloudBackend services (need a signed-in channel)

Themes and app CSS

Create or adjust an XIOS theme (a theme XML file in gui/themes - color seeds, design tokens, a dark variant, the error, warning and success colors and their contrast) or tune components in an app's CSS with --xc-* variables. Use only when asked for theme, color, palette, dark-mode or design-token work; not for building ordinary views and processes (xios-views, xios-process).

• the theme file: color seeds, token knobs, a dark variant, registration, preview - theme-xml.md
• an app's CSS: the --xc-<comp>-* knobs, reading the tokens - app-css.md

Your own components and operations

Build a new XIOS component (a new tag backed by a JavaScript class, an XSL skin and CSS) or a new process operation (a new operation name backed by a JavaScript function), in an application or in xios-core itself. Use only when asked to create, add or extend a custom component or operation, or when no Core component or operation can do the job; not for writing ordinary views and processes (xios-views, xios-process).

• component.md - declare it, the class, the skin, the CSS, the accessibility duties, registration in xios-core, tests
• operation.md - declare it, the function and its arguments, attributes and {...}, aliases and documents, errors, registration in xios-core, tests

Data in CloudBackend: datatypes, folders, searching (draft)

Store, find and share application data in CloudBackend from an XIOS app - datatypes, folders, documents, searching with predicate paths, live updates and folder rights. Use when an XIOS app keeps records on tenant://, home:// or a group drive, lists or searches them, or several users write the same data. Not for local:// (see xios-process, files).

• Across many folders, sorting by a key, or paging a big result: query.md.