メニュー
Build and debug pane lifecycle behavior in the React frontend. Use when adding pane actions, layout behavior, rendering updates, or pane-level interactions.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/fossasia/visdom --skill frontend-pane-lifecycleコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| 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 Playwright 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.