本技能面向 FineUI 开发者，聚焦容器组件本身：Panel、TabStrip、Accordion。容器内部子控件如何排布（Fit/Region/HBox/VBox/Block 等）由 fineui-layout 技能负责。
主要用途与能力：Panel 是带标题、工具栏、可折叠的面板容器；纯内容场景用 ContentPanel；需要带标题边框组织一组表单字段或子控件时用 GroupPanel（可折叠、可含 Items 与 Toolbars）。TabStrip 提供选项卡，支持静态标签、iframe 标签与动态增删。Accordion 为手风琴，同一时刻只展开一个面板。
使用方式：开始前先确定写法（F.js、Pro、Core-MVC、Core-RazorForms、Core-RazorPages 或 Java），判定见 fineui-foundation；再确定容器类型。F.js 用 camelCase，工具栏放 bars；C# 用 PascalCase，工具栏放 Toolbars；Java 用 kebab-case，工具栏放 f:toolbars/f:toolbar/f:items。客户端 F.js 运行时各后端一致，F.ui.Panel1.xxx() 与监听器 JS 相同，Java 只是模板语法与大小写不同。
细节与限制：动态选项卡各写法不同，F.js 用 F.ui.TabStrip1.addTab，Core-MVC/RazorPages 用 UIHelper.TabStrip，Pro/RazorForms 用 RegisterStartupScript，Java 直接在控件字段上调用 addTab/hideTab，详见 references/tab.md。Accordion 面板用 Panes/AccordionPane（Java 为 f:panes/f:accordion-pane，不是 Items/Tab）；面板切换服务端事件 OnPaneIndexChanged 可在 Pro、Core-RazorForms、Java 直接声明；Pro 推荐设置 EnableImplicitChangeEvents=false。Java 折叠事件直接写 on-collapse/on-expand 属性。切勿编造 API，不确定时查官方 API 或 JSDoc；Java 属性名为 Core 属性名转 kebab-case，属性值仍为 PascalCase。参考文档包括 references/panel.md、group-panel.md、tab.md、accordion.md。