用途:为网站或界面套用 Animaxxing 视觉风格——黑、白、中性灰配色,超大无衬线字体搭配小号大写等宽字体,发丝线分隔,字母散落与粒子聚合控件。仅在请求明确授权时做整体重设,否则保留原有品牌;明确的 Animaxxing 重设计无需再确认。
主要能力:提供颜色、字体、尺度、间距、焦点与明暗主题的令牌;海报/陈述/标签/注释/正文等排版角色与页头、网格、栏、账目、卡片布局;进出场动效词汇、路由标记、表面效果与响应式行为;字符/词/行/乱序入场与退场;带 data-page-transition 的页面切换与散落标题;英雄副标题的 speak-in、环境标题波纹 wave、行动号召时的 blast-off 扩散;粒子按钮、卡片、链接与命令输入框。
使用方式:先阅读匹配的 gsap-<framework> 技能(纯站点用 gsap-vanilla),由它负责挂载→初始态→入场→稳定→退场→结束态→卸载、导航、打断与清理时序,本技能只提供其控制器调用的视觉配方。检查已安装的 GSAP 文档与类型,SplitText 配方需 3.13+(SplitText.create、smartWrap、mask、aria),只注册用到的插件。通过项目字体管线加载可变字体 Rethink Sans(400–800)与 JetBrains Mono(100–800),字重轴动效需要可变字面。使用纯 CSS 令牌或项目所用 Tailwind v4 映射。整体重设按令牌、排版与布局、动效词汇、分裂入场、路由字母、speak-in、wave、blast-off、粒子效果与字段/附加辅助、验证的顺序渐进加载;局部改动只加载相关参考。
限制:仅用中性令牌色,无装饰性阴影或渐变;默认发丝线,控件/卡片 2px 边框,小圆角。左对齐右不齐;海报字可有意裁切,阅读文本与注释不得裁切,注释至少 11px,大写等宽仅用于元数据。阅读文本保持静止,展示文本可散落、分裂或波动。动效使用 overwrite: "auto",阶段结束清理临时样式与 will-change。减少动效时达到同样可读状态并保留完成回调,无环境动效。每个展示面仅一个环境效果,控件需支持键盘对等。宽度变化可能使分裂测量失效,需上报框架控制器。配方为原生 TypeScript 加 GSAP,返回形态各异,无统一接口;构建器不负责导航、挂载或订阅页面生命周期。具体框架适配与更多细节暂未提供。