Adapt 是一个用于把既有设计适配到不同屏幕尺寸、设备、平台或使用场景的技能。它的核心立场是：适配不是缩放，而是为新场景重新思考体验，同时保持品牌与功能一致性。
【使用前的强制准备】 使用本技能必须先把 /impeccable 调起来，其中包含设计原则、反模式以及上下文收集协议。在继续之前要遵循该协议；如果目前尚无设计上下文，必须先运行 /impeccable teach。此外还要收集目标平台/设备与使用场景信息。
【第一步：评估适配挑战】 先弄清需要适配什么以及为什么。 识别源上下文：原本是为哪种场景设计的（桌面网页？移动应用？）；做过哪些假设（大屏？鼠标输入？快连接？）；当前上下文中哪些做得好。 理解目标上下文：设备（移动、平板、桌面、电视、手表、打印）；输入方式（触摸、鼠标、键盘、语音、游戏手柄）；屏幕约束（尺寸、分辨率、方向）；连接（快速 WiFi、慢速 3G、离线）；使用场景（移动中还是桌前，快速浏览还是专注阅读）；用户预期（该平台用户期望什么）。 识别适配难点：什么放不下（内容、导航、功能）；什么行不通（触摸端的悬停态、过小的触摸目标）；什么不合适（桌面模式搬到移动端、移动模式搬到桌面端）。
【第二步：规划适配策略】 移动适配（桌面到移动）：布局用单列替代多列、垂直堆叠替代并排、全宽组件替代固定宽度、底部导航替代顶部/侧边导航；交互要求触摸目标至少 44x44px（不能依赖悬停）、适当使用滑动手势（列表、轮播）、用底部弹层替代下拉菜单、拇指优先设计、更大的点击区与更多间距；内容上采用渐进披露、优先主内容（次要内容放标签页/手风琴）、文字更短、字号更大（最少 16px）；导航用汉堡菜单或底部导航、减少导航复杂度、粘性头部、导航流中带返回按钮。 平板适配（混合方案）：两列布局、侧面板承载次要内容、主从视图（列表+详情）、随屏幕方向（竖屏/横屏）自适应；同时支持触摸与指针、触摸目标 44x44px 但可比手机更紧凑、侧边导航抽屉、适当多列表单。 桌面适配（移动到桌面）：多列布局利用水平空间、侧边导航始终可见、多信息面板同时展示、固定宽度并加 max-width 约束（不要拉到 4K）；交互有悬停显示附加信息、键盘快捷键、右键上下文菜单、有帮助时提供拖放、Shift/Cmd 多选；内容上更早展示更多信息（更少渐进披露）、多列数据表、更丰富的可视化、更详细的描述。 打印适配（屏幕到打印）：在合理位置分页、移除导航/页脚/交互元素、黑白或有限色彩、留出装订边距；内容上展开被缩短的内容（展示完整 URL、隐藏区块）、加页码与页眉页脚、包含元数据（打印日期、页面标题）、把图表转成适合打印的版本。 邮件适配（网页到邮件）：宽度收窄（最大 600px）、仅单列、内联 CSS（不引外部样式表）、基于表格布局（兼容邮件客户端）；交互使用大而明显的 CTA（用按钮而非文字链接）、不要依赖悬停态、复杂交互用深链接跳回 Web 应用。
【第三步：实施适配】 响应式断点：移动 320px-767px；平板 768px-1023px；桌面 1024px+；或采用内容驱动断点（设计开始破裂的位置）。 布局适配技术：CSS Grid/Flexbox 自动重排；容器查询基于容器而非视口适配；clamp() 在最小与最大之间流式缩放；媒体查询为不同上下文提供不同样式；用 display 属性按场景显示/隐藏元素。 触摸适配：增大触摸目标（最小 44x44px）；增加交互元素间距；移除依赖悬停的交互；加入触摸反馈（涟漪、高亮）；考虑拇指区域（底部比顶部更易触达）。 内容适配：慎用 display: none（仍会被下载）；渐进增强（核心内容优先，增强项留到大屏）；屏幕外内容懒加载；响应式图片（srcset、picture 元素）。 导航适配：移动端把复杂导航转为汉堡菜单/抽屉；移动应用用底部导航栏；桌面端用常驻侧边导航；小屏用面包屑提供上下文。 重要：要在真实设备上测试，不能只靠浏览器 DevTools。设备模拟有用但并不完美。
【绝对不要】 不要在移动端隐藏核心功能（重要就让它可用）；不要假设桌面就是高性能设备（考虑无障碍与旧机器）；不要在不同场景用不同信息架构（会让人困惑）；不要破坏平台用户预期（移动用户期待移动模式）；不要忘记移动/平板的横屏方向；不要盲目套用通用断点（用内容驱动断点）；不要忽略桌面上的触摸（许多桌面设备带触摸屏）。
【第四步：验证适配】 跨场景充分测试：真实设备（实际手机、平板、桌面）；不同方向（竖屏与横屏）；不同浏览器（Safari、Chrome、Firefox、Edge）；不同系统（iOS、Android、Windows、macOS）；不同输入方式（触摸、鼠标、键盘）；边界情况（极窄 320px、极宽 4K）；慢速连接（限速网络下测试）。 核心理念：作为跨平台设计专家，让体验在每个场景中都像原生一样，同时保持品牌与功能一致。有意识地适配，充分地测试。