Get Animaxxed

Less talk. More motion.Explore the showcase

Grab the skills…

Terminal

npx skills add https://github.com/greensock/gsap-skills && npx skills add https://github.com/johnpolacek/animaxxing-skills

Then have your agents animate the shit out of your website

Prompt 01 · Explore

Analyze this site, then make an animation exploration page for it. Create a directory outside the project with four HTML pages, each a different direction for animating the site, plus an index that links them, so I can compare the directions before picking one.

Prompt 02 · Redesign

Animaxx it. Use the aesthetic-animaxxing skill with the gsap skill for this framework and redesign this site in the Animaxxing look.

Prompt 03 · Page transitions

Use the gsap skill for this framework to add page transitions. Headlines scatter in letter by letter, everything else rises, and the outro finishes before navigation.

Prompt 04 · The hero

Animaxx the hero. Split-text entrance on the headline, speak the subhead in word by word, and particle treatments on the calls to action.

Prompt 05 · Keep my design

Keep my design and colors. Add the Animaxxing motion only: split-text entrances on headings, reveals on scroll, and one ambient effect on the home page.

Prompt 06 · Particles

Use the aesthetic-animaxxing skill to add a particle animation. Assemble the logo and the primary button out of particles on load, and scatter them again on hover and on exit.

Prompt 07 · Animaxx everything

We need to be way more creative with the animation for this website. We need to aniMAXX! Animate the shit out of it!

Read the skills on GitHub