用途：为 Codex 提供前端响应式设计的编码规范，适用于创建或修改需在手机、平板、桌面正常显示的布局，编写媒体查询、断点样式、流式布局、触控友好界面及跨设备测试。
主要能力与规则：强制移动优先，先写移动布局再用 min-width 媒体查询增强；使用项目既有标准断点（如 Tailwind 的 sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px，Bootstrap 的 sm 576px、md 768px、lg 992px、xl 1200px、xxl 1400px），避免 850px 等任意断点；采用流式容器（width:100% + max-width）与 flex/grid、1fr、minmax、auto-fit 等；尺寸优先用 rem/em/%，px 仅用于边框、阴影等；触控目标最小 44x44px（iOS）或 48x48px（Android），交互元素间距至少 8px；正文最小 16px（1rem），小字最小 14px，行高 1.5，行宽 45-75 字符，对比度达 WCAG AA；移动端优先展示核心内容，可隐藏或折叠次要内容；图片使用 srcset、sizes、picture 及 AVIF/WebP 等现代格式。
使用方式：在涉及响应式布局的任务中引用该技能，按规范编写 CSS 或框架类名，并在 375px、414px、768px、1024px、1440px 等关键宽度验证，检查横向滚动、文字溢出、元素重叠、字号过小、触控目标过小、图片变形等问题。
限制：资料未提供安装命令、收费方式、平台支持与效果数据，暂未提供。