该技能为编写响应式前端提供统一规范，核心是移动优先：先写移动布局，再用 min-width 媒体查询向上增强。使用项目已有标准断点（如 Tailwind 的 640/768/1024/1280/1536px、Bootstrap 的 576/768/992/1200/1400px），避免随意断点。
布局要求流式容器（width:100% + max-width、flex、grid 的 1fr/minmax/auto-fit）而非固定宽度；尺寸优先使用 rem/em/%，边框与极细节可用 px，全屏区域用 vw/vh，文本宽度可用 ch（如 max-width: 65ch）。
触控方面，交互目标最小 44x44px（Android 建议 48x48px），图标按钮需加内边距或 min-width/min-height，元素间距至少 8px。排版正文不小于 16px（1rem），小字不小于 14px，行高正文 1.5、标题 1.2，对比度达 WCAG AA，可用 clamp() 实现流式字号。
移动端应优先展示主内容，隐藏或折叠次要内容，用汉堡菜单、手风琴与 order 重排等策略。图片通过 srcset、sizes、picture 及 AVIF/WebP 按尺寸适配，框架如 Next.js 可用 Image 组件。
完成后需在 375px、414px、768px、1024px、1440px 等关键宽度验证，检查横向滚动、文字溢出、元素重叠、字号过小、触控目标不足和图片异常。另提供导航、网格、侧栏等常见响应式模式与核对清单。
限制：资料未说明该技能的安装方式、收费情况或具体运行平台，这些信息暂未提供。