style-animaxxing

Request an explicit Animaxxing redesign and the Skill loads its tokens, typography, and layout references to restyle the site. For the full motion treatment, it also loads the animaxxing skill and the matching GSAP framework skill for effect implementation.

Animaxxing uses variable Rethink Sans (weights 400–800) for reading and display type, and JetBrains Mono (100–800) for labels and code. Colors are strictly monochrome: twelve semantic tokens like canvas, foreground, muted, and border in light and dark schemes.

Yes, the design works as a static restyle using only the tokens and layout references, with no motion skill or GSAP required. You can also choose minimal motion, which keeps the composition but omits scattering, speak-in, waves, and particle effects.

Yes, the tokens reference includes a Tailwind v4 @theme inline mapping that converts the CSS custom properties into utilities like bg-canvas, text-muted, text-poster, and border-hairline. Plain CSS custom properties are provided for projects without Tailwind.

Do not use it for framework routing questions or isolated GSAP API questions, which belong to the framework and animaxxing skills. Also avoid a full restyle when the request does not authorize changing an existing brand; use animaxxing effects directly instead.

Dark mode follows prefers-color-scheme by default, with a data-theme attribute on the html element overriding it in both directions. Reduced motion suppresses display and ambient effects while preserving the same readable monochrome composition.