SuperAPI AI 工具集

tt-adapt

通用与其它

查看项目

更新于 10-15 17:25

技能介绍

用途:将 TikTok/TUX 界面在不同平台与屏幕尺寸间适配,同时保持 TUX token 保真度与内容层级。适配是重新构思体验,而非简单缩放。

主要能力:区分三种情形——Strict TUX-native 与 TT Style 之间的跨层级适配、同层级适配(如为 TUX-native 增加响应式断点)。token 取值始终固定,仅布局与交互模式改变。

使用方式:先读取项目根目录的 .tt-impeccable.md 确认当前保真层级与约束;缺失时可从代码库推断。随后依次完成评估、规划、实现、验证:窄屏转 Web 可加 max-width 容器、把底部标签栏改为顶部导航或侧栏、补充 :hover 与 :focus-visible 但保留触摸支持;Web 转窄屏则堆叠为单列、触点不小于 44×44px、加安全区内边距与 viewport-fit=cover。断点仅在布局真正撑开时添加,组件尺寸与字号不随断点变化。

适用场景:移动端到 Web/营销页、Web 到移动 Web、平板等更宽视口,以及同一层级内的响应式改造。

限制:不得改动 TUX token 取值,不得用 hover 作为功能唯一入口,不得为 Web 版添加缺乏 TUX 依据的桌面模式,不得省略安全区处理,媒体遮罩必须保持中性,毛玻璃需先向用户确认。需在目标环境的真实设备上验证。