/web--animations

/web--animations is a Claude Code skill in the Web & Design section. Builds the web animation you ask for, such as 3D models, horizontal scroll, WebGL, particles or shaders, with a focus on GPU performance and accessibility.

Author's description

Build cinematic, world-class web animations — 3D models, horizontal scroll, WebGL, particles, shaders, and more

How to ask for it

/web--animations create a cinematic horizontal scroll for my portfolio
/web--animations add a WebGL particle effect to my hero section
/web--animations add an animated 3D model to the homepage

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /web--animations. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/web--awwwards-animationsAwwwards-level React animations
Picks the right tool (GSAP, Motion, Anime.js or Lenis) and builds smooth, accessible React animations: scroll effects, magnetic hovers and reveals.
Built here
/web--conversion-optimizerWeb conversion audit
Audits a landing page or web app and proposes specific changes to copy, layout, UX and trust so more visitors sign up, buy or get in touch.
Built here
/web--design-engineeringUI polish and animation details
Applies Emil Kowalski's design engineering philosophy to polish interfaces: animation decisions, invisible details and Before, After, Why review tables.
Built here
/web--design-systemComplete design system
Creates an opinionated design system with tokens, typography, color and components, starting from your product type, personality and brand colors.
Built here
/web--graphic-designAI graphic design studio
Turns a brief into self-contained HTML, CSS and SVG designs: mockups, social graphics, brand kits, pitch decks and infographics, with three variations.
Built here
/web--gsap-creative-galleryAnimated galleries with GSAP
Builds interactive image galleries with GSAP: FLIP filter transitions, infinite scroll, animated masonry layouts and lightbox effects.
Built here

How to ask for it

Install

More from this section