Agent Skills
› arturmarc/overflow-guard
arturmarc/overflow-guard
GitHub用于非React纯HTML/CSS UI中，当内容溢出可用空间时自动切换紧凑状态。通过自定义元素监听overflowchange事件并应用fallbackClass，实现基于实际内容的自适应布局。
Install All Skills
npx skills add arturmarc/overflow-guard --all -g -y
Skills in Collection (2)
用于非React纯HTML/CSS UI中，当内容溢出可用空间时自动切换紧凑状态。通过自定义元素监听overflowchange事件并应用fallbackClass，实现基于实际内容的自适应布局。
构建或重构需响应内容溢出的HTML/CSS组件
工具栏或导航栏在内容超出容器时切换紧凑模式
npx skills add arturmarc/overflow-guard --skill overflow-guard-html -g -y
用于构建响应式 React 组件，当内容溢出可用空间时自动适配布局。提供 Fallback 和 Render-prop 两种模式处理水平或垂直溢出，支持嵌套消费状态。
需要让 React 组件根据实际内容尺寸而非视口断点自适应
工具栏或导航栏因内容过多需折叠为图标或紧凑菜单
动态数据导致布局空间不足需切换展示模式
npx skills add arturmarc/overflow-guard --skill overflow-guard-react -g -y
