القائمة
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.