用途：在创建或修改需要适配手机、平板、桌面的布局时，为 Codex 提供响应式前端编码规范，涵盖移动优先开发、媒体查询与断点、流式布局、相对单位、触摸目标、移动端内容优先级和图片优化等场景。
主要能力：要求始终从移动布局开始再增强大屏；统一使用项目既有断点（如 Tailwind 的 sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px；Bootstrap 的 sm 576px、md 768px、lg 992px、xl 1200px、xxl 1400px），避免 850px、1150px 等随意断点；采用 width:100% 加 max-width、flexbox、grid 的 1fr/minmax/auto-fit 等流式方案；用 rem/em/% 代替固定像素，px 仅用于边框、阴影等；触摸目标不小于 44x44px（iOS）或 48x48px（Android）；正文不小于 16px（1rem）、小字不小于 14px（0.875rem），行高 1.5/1.2，行长 45-75 字符，对比度达 WCAG AA；移动端优先展示核心内容并隐藏或折叠次要内容；用 srcset、sizes、picture 与现代格式提供合适尺寸图片。
使用方式：由 Codex 在编写响应式代码时遵循上述规则，例如以 @media (min-width: 768px) 渐进增强，使用 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 等框架类。
限制与验证：完成前需在 375px、414px、768px、1024px、1440px 等关键宽度检查，确认无横向滚动、文字溢出、元素重叠、字号过小、触摸目标过小与图片变形；具体断点值应以项目现有代码为准，创建新断点前先检查代码库。其他价格、平台或授权信息暂未提供。