メニュー
Build and debug pane lifecycle behavior in the React frontend. Use when adding pane actions, layout behavior, rendering updates, or pane-level interactions.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Diagnose and fix GitHub Actions workflow failures. Use when CI jobs fail for lint, tests, JS build updates, or release automation.
Safely modify environment serialization, reload data, and view layout persistence. Use when changing env save/load formats or storage behavior.
Keep feature behavior identical across WebSocket and polling transport modes. Use when adding socket commands, event flows, or transport-sensitive UI updates.
Step-by-step guide for adding a new visualization pane type to Visdom (client, server, frontend, tests)
Modify login/authentication paths safely for browser and Python client flows
Implement and debug browser-to-Python callback routing for clicks, key presses, property updates, and close events
| name | frontend-pane-lifecycle |
| description | Build and debug pane lifecycle behavior in the React frontend. Use when adding pane actions, layout behavior, rendering updates, or pane-level interactions. |
| license | Apache-2.0 |
| compatibility | Requires React/webpack frontend context and Cypress UI test execution. |
Use this skill when changing pane rendering, pane actions, or lifecycle events.
js/main.js from incoming command to rendered pane.js/panes/ with existing memo/ref patterns.React.memo and render-coalescing assumptions.js/main.jsjs/panes/js/settings.jsjs/topbar/AGENTS.mdCONTRIBUTING.mdassets/README.md and store templates/resources in assets/.references/TESTS.md.