用途：指导代理在 Vaadin 25 中构建能适配不同屏幕尺寸的响应式布局，适用于用户要求“让布局…”等场景。
主要能力：技能给出三种响应策略：小屏削减功能、构建同一功能不同布局的响应式界面、分别构建移动与桌面界面，通常推荐第二种。说明 Vaadin 内置响应式组件（AppLayout 抽屉折叠为汉堡菜单、Dashboard 网格自适应、FormLayout 调整列数与标签、MenuBar 溢出菜单、Tabs 滚动按钮、上下文菜单移动端贴底、Dialog 工具栏转纵向、CRUD 编辑器转浮层、日期选择等移动端贴底）。提供 CSS 媒体查询与容器查询写法，以及仅限 Lumo 主题的实用类断点（默认、640、768、1024、1280、1536px，移动优先）。还给出可折叠过滤面板、响应式卡片网格、侧栏转底部面板等模式。
用法：不确定 API 时用 Vaadin MCP 工具 search_vaadin_docs、get_component_java_api 查询，vaadin_version 设为 "25"，ui_language 设为 "java"；查 Java API 签名或源码可用 javadoc MCP。Lumo 实用类在 Vaadin 25 需通过 @StyleSheet 引入，示例为 @StyleSheet(Lumo.STYLESHEET)、@StyleSheet(Lumo.UTILITY_STYLESHEET)、@StyleSheet("styles.css")，不再支持 theme.json。响应逻辑放在 CSS，避免用 Page.retrieveExtendedClientDetails() 或浏览器窗口 resize 监听做服务端布局判断。
限制：实用类只适用于 Lumo 主题，用 Aura 需改用媒体查询或容器查询。资料未提供收费、价格、平台及效果数据。