Menu
Theme and environment behavior for QIP UI. Use when working on styles, color logic, rendering, or mode-specific behavior.
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.
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.
API integration and utility usage conventions in QIP UI. Use when editing src/api, src/misc, or code that consumes these layers.
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/.
Based on SOC occupation classification
| name | ui-theme-and-vscode-webview |
| description | Theme and environment behavior for QIP UI. Use when working on styles, color logic, rendering, or mode-specific behavior. |
Use this skill when any UI behavior depends on theme or runtime environment.
The UI must work in all four modes:
[data-theme="dark"])[data-theme="high-contrast"]):root.vscode-webview)--vscode-* values from theme-variables.css.Use useVSCodeTheme() in components:
const { isDark, isVSCodeWebview, palette } = useVSCodeTheme();
isDark for conditional visuals (for example chart/Monaco/icon variants).isVSCodeWebview for behavior differences specific to extension runtime.