用途：将已有设计适配到不同屏幕尺寸、设备、平台或使用场景，例如从桌面改到移动端、平板、打印或邮件，保证跨环境体验一致。
主要能力：
- 评估适配挑战：梳理原设计假设、目标设备、输入方式、屏幕约束、网络条件与用户预期。
- 制定策略：针对移动端、平板、桌面、打印、邮件分别给出布局、交互、内容与导航思路。
- 实施手段：响应式断点、CSS Grid/Flexbox、容器查询、clamp()、媒体查询、触控尺寸与间距调整、渐进增强、懒加载、响应式图片等。
- 验证方法：真机、不同方向、不同浏览器与系统、不同输入方式、极窄与极宽屏、慢速网络。
使用方式：按“评估—策略—实施—验证”流程执行；先明确源与目标上下文，再选择对应适配策略并落地，最后在真实设备上测试。
适用场景：响应式网页、移动应用、跨平台产品、打印样式、邮件模板等设计适配工作。
限制与注意：资料未说明收费、价格、平台或具体安装方式；仅提供方法性指导，未提供可直接运行的完整代码示例。需要避免盲目断点、在移动端隐藏核心功能、跨端信息架构不一致，并注意横屏、桌面触控与无障碍。