/web--animated-components

/web--animated-components is a Claude Code skill in the Web & Design section. Integrates ready-made animated React components into your project: Magic UI (150+ on shadcn and Tailwind) and React Bits (90+ effects).

Author's description

Pre-built animated React components — Magic UI (150+ shadcn/Tailwind) and React Bits (90+ effects)

How to ask for it

/web--animated-components add an animated Magic UI button to my landing page
/web--animated-components find a flashy text effect from React Bits
/web--animated-components install an animated hover card for my site

Install

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

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

Demo coming soon

/web--animationsCinematic web animations
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.
Built here
/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

How to ask for it

Install

More from this section