用 $.ui.open 与 ui.render 为 Claude Code 添加侧边面板 mod

教程讲解如何为 Claude Code 编写 mod 以显示侧边面板：先用 $.ui.open({ id }) 打开，再从 ui.render 返回 { component: 'Pane' } 绘制内容；仅打开而不渲染不会显示任何东西，且需在 e.requestId 与自身 id 匹配时才返回组件树。文中说明面板在宽屏下位于对话旁、空间紧张时位于输入框上方，多面板以 title 标签切换，并给出 /hello-pane 命令加计数器按钮的最小示例与三文件布局。

AI推荐理由 面向 Claude Code 扩展开发者的具体教程，说明通过 $.ui.open({id}) 打开面板、再由 ui.render 返回 {component:'Pane'} 渲染内容，并强调只 open 不 render 不会绘制任何东西、需按 requestId 匹配。给出了最小可运行示例（/hello-pane 命令与计数器按钮）和文件布局，属于可操作的开发信息；局限是仅覆盖单一 API 用法，未涉及兼容性或稳定性验证。