该技能用于移动优先的响应式网页设计，提供断点、流式排版、弹性布局与组件适配的实现模式。
主要能力：给出移动优先断点体系（sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px），以 min-width 媒体查询逐级增强；提供 CSS 令牌，包括断点、容器最大宽度与流式间距（clamp）；流式排版用 clamp 定义从 sm 到 hero 的字号阶梯；布局模式含 auto-fit 弹性网格、可切换方向的 stack、以及基于 container-type 的容器查询卡片。React 部分提供 useMediaQuery、useBreakpoint 钩子与按设备渲染不同内容的 Responsive 组件。
使用方式：将断点与容器宽度定义为 CSS 变量，基础样式写移动端，再用 min-width 媒体查询增强；字号与间距使用 clamp 等流式单位；网格用 repeat(auto-fit, minmax(min(100%, 300px), 1fr))；需要组件级适配时使用容器查询；React 项目可引入示例钩子与组件。
适用场景：需要跨手机、平板、桌面自适应的网页与组件库开发。
限制与原则：应使用 min-width 而非 max-width，避免固定像素、避免在移动端隐藏内容而应重排优先级，断点应设在设计断裂处而非特定设备；移动端触控目标最小 44×44px，正文行宽控制在 65–75 字符。资料未提供安装命令、收费与平台信息。