메뉴
Theme and environment behavior for QIP UI. Use when working on styles, color logic, rendering, or mode-specific behavior.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
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/.
SOC 직업 분류 기준
| 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.