SuperAPI AI 工具集

impeccable-adapt

前端与建站

查看项目

更新于 10-16 04:32

技能介绍

用途:在仅有技能(skills-only)的环境中运行原 Impeccable /adapt 工作流,将已有设计适配到不同屏幕尺寸、设备、平台或用例,强调适配不是等比缩放,而是为新语境重新思考体验。

主要能力:先评估适配挑战,梳理源语境(原设计面向桌面还是移动、隐含假设、当前有效之处)与目标语境(设备、输入方式、屏幕与方向约束、网络条件、使用场景、用户预期),识别放不下、不可用或不合适的内容;再制定策略,覆盖移动、平板、桌面、打印、邮件等方向;实施时使用响应式断点(移动 320px-767px、平板 768px-1023px、桌面 1024px+ 或内容驱动断点)、Grid/Flexbox、容器查询、clamp()、媒体查询、触摸目标(最小 44x44px)、图片响应式与导航变形等手段。

使用方式:以用户给出的命令参数作为范围提示;上下文缺失时提出澄清问题;以前端设计原则作为基线护栏,按评估、规划、实施、验证的顺序推进。

限制与注意:需在真实设备上测试,DevTools 模拟并不完美;不要在移动端隐藏核心功能,不要跨语境改变信息架构,不要盲目使用通用断点,不要忽略桌面触控与移动/平板的横屏;避免用 display:none 隐藏仍会下载的内容;邮件适配需内联 CSS、表格布局与不超过 600px 宽度。