用途：这是 ui-craft 技能的一个子视角，专门做响应式布局适配。当界面在手机或平板上出现布局、触控问题时使用。若同时安装了 ui-craft 主技能，应先读其 SKILL.md 的 Discovery、Anti-Slop、Craft Test，再应用本视角。
主要能力与检查项：采用移动优先，从移动端向上生长，而非压缩桌面端。断点使用项目既有体系（如 Tailwind 的 sm、md、lg、xl；组件级优先用容器查询而非媒体查询），不使用魔法宽度。触控目标不小于 44×44px（min-h-11 min-w-11），触控区不重叠，交互元素加 touch-action: manipulation。固定页眉、页脚、悬浮按钮使用 env(safe-area-inset-top) 等安全区域内边距，兼顾 iOS 刘海与 Android 手势条。320px 下不得出现横向滚动，用开发者工具设备模式测试。正文等需要缩放的文字用 clamp(1rem, 0.9rem + 0.5vw, 1.125rem) 流式字体，标签、说明等小号 UI 文字用固定 px。组件级响应式优先 @container。无悬停设备上，每个悬停效果都要有非悬停等价方案，桌面专属效果用 @media (hover: hover) 限定。视觉密度随视口变化：VISUAL_DENSITY ≤ 3 时减少列数、加大间距；8+ 时保留仪表盘密度，但仍遵守触控与悬停区分，移动端触控目标保持 ≥ 44px。移动端始终趋向单列与更大间距。图片设置 aspect-ratio，按视口提供 srcset 与 sizes，首屏以下 loading="lazy"，主视觉 fetchpriority="high"。导航在桌面横向、移动端折叠为抽屉、面板或底部标签；桌面端除非顶级项超过 7 个，否则不用汉堡菜单。
使用方式：对 $ARGUMENTS 指定的界面做适配，加载 ui-craft 技能并阅读 references/responsive.md，直接编辑代码，并打印 Review Format 变更表。
限制：无法在缺少信息时修复的响应式缺陷（如某断点缺少设计、导航模式不明确）需标记出来。下一步可执行 /audit，按无障碍、性能和触控目标验证本次响应式改动。