Menu
API integration and utility usage conventions in QIP UI. Use when editing src/api, src/misc, or code that consumes these layers.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Mapper Element provides an ability to setup a mapping between the message from source element to the target element. Use this skill when performing mapping between two elements, requiring data transformation, the user asks to add mapper/mapper-2.
Component implementation patterns for QIP UI. Use when editing tables, forms, modals, notifications, labels, icons, and permissions-related UI.
Core development standards for the Qubership Integration Platform UI. Use when implementing, refactoring, or testing code in ui/.
Theme and environment behavior for QIP UI. Use when working on styles, color logic, rendering, or mode-specific behavior.
| name | ui-api-and-utilities |
| description | API integration and utility usage conventions in QIP UI. Use when editing src/api, src/misc, or code that consumes these layers. |
Use this skill when touching the API layer or shared helpers.
The UI uses interface + dual implementation:
src/api/api.ts: API interfacesrc/api/rest/restApi.ts: Axios HTTP implementationsrc/api/rest/vscodeExtensionApi.ts: VS Code messaging implementationsrc/api/apiTypes.ts: business type source of truthapi from src/api/; this singleton selects correct implementation by runtime.src/api/apiTypes.ts before creating new local duplicates.BaseEntity pattern (id, name, description, optional audit fields) for compatible business types.RestApiError and extract user-facing messages via src/misc/error-utils.ts.Prefer existing helpers under src/misc/:
confirm-utils.ts: confirmAndRun() for destructive action confirmationformat-utils.ts: date/file-size formattingdate-utils.ts: timestamp operationsdownload-utils.ts: file download flow (Blob to link click)file-utils.ts: file reading and validationerror-utils.ts: error message extractionjson-helper.ts: safe JSON parse/serializetree-utils.ts: folder/chain tree traversalclipboard-util.ts: clipboard copy helperlog-export-utils.ts: Excel log exportWhen adding new helper logic, first verify an existing utility does not already solve the same concern.