菜单
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 职业分类
| 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.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