SuperAPI AI 工具集

style-animaxxing

设计与创作

查看项目

更新于 10-15 23:34

技能介绍

用途:style-animaxxing 是 Animaxxing 的视觉设计技能,定义黑白与中性灰的单色编辑式外观,包括超大无衬线字体与小号大写等宽字体的对比、细线分隔、字母散落与粒子聚合控件等。它负责视觉设计并决定动效如何服务于设计,而可复用的原生 TypeScript 与 GSAP 配方由 animaxxing 提供,挂载、初始状态、入场、稳定、退场、结束状态、卸载、导航、中断与清理时序由对应的 gsap-<framework> 技能(含 gsap-vanilla)负责。

主要能力:提供颜色、字体、比例、间距、焦点与明暗主题的令牌;定义 Poster/Statement/Label/Annotation/BodyCopy 角色以及页头、网格、栏、账本、卡片等排版与布局;给出动效艺术方向并将效果映射到界面表面,设定 Animaxxing 节奏。

使用方式:仅在请求授权时做完整重设,否则保留既有品牌;明确的 Animaxxing 重设计无需再次确认。完整处理需安装并加载 animaxxing 与匹配的框架技能,再按令牌、排版与布局、动效艺术方向、验证的顺序渐进加载对应参考。若缺少任一技能,应指出缺失项,不得自行编造配方或生命周期指导。仅需静态重设时,可只应用令牌与布局并减少或省略展示效果,无需动效技能或 GSAP。在其它品牌上使用效果时,直接使用 animaxxing,不套用其字体、颜色或布局规则。

限制:通过项目字体管线加载可变字体 Rethink Sans(400–800)与 JetBrains Mono(100–800);仅用中性令牌色,不用装饰性阴影或渐变;默认细线,控件与卡片用 2px 边框与紧凑圆角;左对齐右不齐,海报字体可有意裁切,正文与注释不得裁切,注释不小于 11px,大写等宽仅用于元数据;阅读文本保持静止,展示文本可散落、拆分或波动;动效强度以请求为准,省略全部效果及减少动效下仍须可读。本技能不复制效果实现、不安装路由钩子、不决定挂载卸载或重播时序。