adapt

用途：将现有界面适配到不同屏幕尺寸、设备、平台或使用场景，涵盖窄屏、中宽、宽屏、电视、嵌入与打印等上下文，强调适配是重新设计体验而非等比缩小。\n\n主要能力：按上下文评估适配难点（原设计假设、目标视口、输入方式、屏幕约束、网络条件、使用期望）；分别给出窄屏、中宽、宽屏、打印与邮件场景的布局、交互、内容与导航策略，例如窄屏单列堆叠、粗指针目标不小于 44x44px、渐进披露、邮箱最大宽 600px 单列且避免悬停态。\n\n使用方式：需先阅读 frontend-design 并遵循其 Context Gathering Protocol，收集目标平台设备与使用上下文；涉及窄屏优先、流式行为与容器查询时参考 responsive 参考，涉及分组、节奏、宽度纪律时参考 spacing system，遇到选项过载时参考 cognitive load。实现层面可用 Tailwind grid/flex、容器查询、clamp()、媒体查询、max-width 与响应式图片等，并按窄屏 320–767px、中宽 768–1023px、宽屏 1024px+ 或内容驱动断点组织。\n\n限制与注意：不应在窄屏隐藏核心功能，不应假设宽视口即高性能设备，不应跨上下文使用不同信息架构，不应盲目套用通用断点，需测试窄屏横向与中等宽度窗口；需在真机而非仅浏览器 DevTools 验证，覆盖真机、朝向、浏览器、系统、输入方式、320px 与 4K 边缘及慢速网络。资料未提供价格、收费与具体效果数据。