responsive-breakpoint-advisor
该技能用于制定响应式断点策略、流体字号体系与跨设备自适应布局行为。当需要设置断点,或修复在不同屏幕宽度之间出现错乱的布局时使用。它要求先分析布局结构与组件,再依据内容而非具体设备确定断点,给出响应式网格策略、各断点下的组件行为以及 CSS 与媒体查询建议。输出包含小型(移动端,小于480px,单列、组件全宽)、中型(平板,480px至768px,两列网格)、大型(桌面,768px至1200px,完整布局)、超大型(宽屏,大于1200px,最大宽度容器居中)等断点与组件行为示例,并强调可执行的步骤、最小显示尺寸下的对比度与可读性、颜色不单独承载含义等质量检查。