aesthetic-animaxxinglisted

Apply the Animaxxing aesthetic: monochrome editorial design set in Rethink Sans and JetBrains Mono, poster-scale type, hairline rules, tight radii, and a GSAP motion vocabulary of split-text entrances, paragraphs that speak in word by word, letter waves, particle-assembled buttons, and a blast-off outro. Use when a user asks for the Animaxxing look, says 'animaxx it', or wants a monochrome, black-and-white, Swiss or International Typographic Style redesign with type-led motion. Provides design tokens, typography and layout grammar, and portable vanilla TypeScript plus GSAP effect recipes. Pair with the gsap-<framework> skill, which owns mount, initial state, intro, settled, outro, end state, and unmount; this skill owns how each phase looks. Not for the GSAP API itself, framework routing, or a project whose existing brand must be kept.
ucsandman/claude-skills · ★ 5 · AI & Automation · score 78

Install: claude install-skill ucsandman/claude-skills

# Animaxxing Aesthetic One look, carried as tokens, type roles, a layout grammar, a motion vocabulary, and portable effect recipes. It is the look of [animaxxing.com](https://github.com/johnpolacek/animaxxing): black, white, and neutral gray; oversized Rethink Sans against small uppercase JetBrains Mono; hairline rules; letters that scatter in from off screen; buttons that assemble out of particles. This skill composes with one framework skill. Install both and read the framework skill first: - The framework skill (`gsap-nextjs`, `gsap-astro`, `gsap-sveltekit`, `gsap-nuxt`, `gsap-react-router`, `gsap-tanstack-router`, or `gsap-vanilla`) owns the lifecycle: **mount → initial state → intro → settled → outro → end state → unmount**, navigation timing, interruption, and cleanup. - This skill owns what each phase looks like. Its recipes hand the framework skill's controller `enter()` and `exit()` builders and never decide when they run. ## Start with the project 1. Read the framework skill for this project and follow its setup. Keep the project's package manager, language, file layout, and component conventions. 2. Read the installed GSAP version. The recipes need GSAP 3.13 or later: `SplitText.create`, `smartWrap`, `mask`, and `aria` on SplitText, all in the free build. Prefer the bundled docs and types over memory. 3. Load Rethink Sans (variable, weight 400 to 800) and JetBrains Mono (100 to 800) from Google Fonts, or however the project loads fonts. The weight-axis recipes