一键导入
ui-api-and-utilities
API integration and utility usage conventions in QIP UI. Use when editing src/api, src/misc, or code that consumes these layers.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
API integration and utility usage conventions in QIP UI. Use when editing src/api, src/misc, or code that consumes these layers.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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.