/web--gsap-svg-morphing

/web--gsap-svg-morphing is a Claude Code skill in the Web & Design section. Animates SVG shapes with GSAP: path drawing, shape morphing, animated icons, blob shapes, wave dividers and motion along a path.

Author's description

SVG morphing & shape animations — GSAP path drawing, shape morphing, animated icons, blob shapes, wave dividers, motion paths

How to ask for it

/web--gsap-svg-morphing animate this icon to draw itself on scroll
/web--gsap-svg-morphing create an animated blob shape for the background
/web--gsap-svg-morphing make this SVG morph into another shape

Install

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

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

Demo coming soon

/web--gsap-text-fxKinetic text effects with GSAP
Builds kinetic typography with GSAP in React: split text by character or word, scramble, glitch, 3D rotation, gradient sweep and text on a curved path.
Built here
/web--landing-pageHigh-end landing page
Generates a unique, conversion-focused landing page, writing the copy first and delivering a full Next.js project; it bans the usual AI-page patterns.
Built here
/web--spa-scaffoldProduction-ready SPA scaffold
Scaffolds a production-grade single-page app: it picks the stack from your requirements and adds code splitting, error states and accessibility.
Built here
/web--ui-components-proPolished UI components
Builds typed UI components with animation, loading, error and empty states, theming and built-in accessibility for your project.
Built here
/accessibility--a11y-auditAccessibility audit (WCAG 2.1)
Reads a component or page and lists WCAG 2.1 accessibility issues, each with severity, the criterion it breaks, its code location and a code fix.
Built here
/accessibility--a11y-fixFixing UI accessibility issues
Fixes accessibility problems in a component or page: semantic HTML, keyboard support, ARIA attributes and form labels, keeping the visual design.
Built here

How to ask for it

Install

More from this section