用途：为跨平台 Web 项目提供移动优先的响应式设计标准，用于实现、评审、迁移或审计响应式布局。
主要能力：以移动端为基础样式，仅用 min-width 媒体查询叠加复杂度；按内容而非设备确定断点，常用紧凑（<600px）、中等（600–1024px）、扩展（>1024px）三档；用 pointer/hover 查询区分鼠标、触屏与触控笔，规则是不得把关键功能藏在悬停后；用 env(safe-area-inset-*) 处理刘海与动态岛，需配合 viewport-fit=cover；用容器查询实现可复用组件的组件级响应；响应式图片采用 srcset、sizes、picture 与懒加载；提供导航、表格转卡片、自适应网格与内容优先级的布局适配模式；流体排版使用 clamp() 并设定上下限。
使用方式：先阅读 SKILL.md，再按需加载引用的深入文件，按有序的检查清单与决策规则执行，产出实现指引、评审发现、架构决策或模板等具体成果，并显式说明假设、权衡与风险。
适用场景：页面级布局适配、可复用组件与设计系统组件、侧栏与主内容区适配、图片与加载优化、响应式表单等。
限制：不适用于与响应式设计无关的任务，或只需简单回答的请求。测试需覆盖 iOS、Android、桌面、多种输入方式、浏览器与缩放级别；开发者工具的模拟不能替代真实设备。价格与授权信息暂未提供。