AI agent skills for front-end teams and web designers

Guide to creating, controlling, and optimizing animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.

Applies psychological principles and mental models to design ethical, effective marketing, pricing, and growth strategies.

Design and implement purposeful UI motion, microinteractions, and feedback patterns to enhance usability and user delight.

Guide to implementing and debugging professional GSAP-based web animations, timelines, and ScrollTrigger interactions.

Comprehensive guide to using Anime.js v4 for JavaScript-driven web animations, timelines, SVG, scroll effects, and draggable interactions.

Implement a lightweight interactive WebGL globe with cobe.js, including responsive canvas setup, markers, interaction, and React/Next.js integration.

Guidelines and patterns for setting up Matter.js 2D physics scenes, interactions, and cleanup in web environments.

Skill guide for creating and controlling animations in Three.js, including keyframes, skeletal rigs, morph targets, blending, and procedural motion.

623 views

11 Uses

Added by Nigel Alba

Provides npm commands to install GSAP and its React integration package.

Saadat Myrzabek

Guides cold start strategy for AI/SaaS products to get first users, traction, and validate product-market fit from zero.

365 views

3 Uses

Added by kostja zhang

Create generative art with p5.js using seeded randomness, noise, flow fields, particle systems, recursive forms, and palette-based experimentation.

335 views

3 Uses

Added by Alain Hensley

Index of GSAP-related skills for AI agents, covering core animation, timelines, ScrollTrigger, plugins, React/framework integration, utilities, and performance.

194 views

4 Uses

Added by Mitul Chovatiya

Covers using GSAP in Vue, Svelte, and similar frameworks with proper lifecycle timing, selector scoping, and cleanup on unmount.

186 views

2 Uses

Added by Mitul Chovatiya

Explains how to build and control GSAP timelines for sequencing animations with position parameters, labels, nesting, defaults, and playback.

158 views

3 Uses

Added by Mitul Chovatiya

Covers GSAP core tween animation APIs, easing, stagger, responsive matchMedia usage, and accessibility-minded animation best practices.

153 views

6 Uses

Added by Mitul Chovatiya

Covers GSAP plugin registration and practical use of plugins for scroll, FLIP, draggable UI, text, SVG, easing, physics, and animation debugging.

144 views

1 Uses

Added by Mitul Chovatiya

Reference for GSAP utility helpers like clamp, mapRange, random, snap, toArray, wrap, and related value, unit, and collection utilities for animation code.

110 views

Added by Mitul Chovatiya

Official GSAP guide for building scroll-linked animations with triggers, pinning, scrub behavior, batching, proxies, and cleanup best practices.

71 views

1 Uses

Added by Mitul Chovatiya

Create self-contained HTML dashboards featuring KPI cards, Chart.js visualizations, interactive filters, and sortable data tables without external dependencies.

Robert Denton

Guidelines for using GSAP in React and Next.js with useGSAP, refs, scoped selectors, cleanup, and SSR-safe animation patterns.

61 views

1 Uses

Added by Mitul Chovatiya

Optimizes GSAP animations for smooth 60fps using transforms, batching, will-change, and efficient tweening patterns.

57 views

Added by Mitul Chovatiya

Create a high-performance full-screen WebGL laser background with an atmospheric smoke effect and brand-integrated glowing cores.

Create high-fidelity 3D web visuals using WebGL and Three.js with physically based materials, lighting, and geometric depth for hero sections.

Create atmospheric monochrome procedural backgrounds with enlarged square pixels and visible Bayer-style ordered dithering.

Create a premium, futuristic dark-blue design system with procedural mesh gradients, hero shells, and minimal UI nodes.

Create premium staggered word-reveal animations through overflow masks using GSAP ScrollTrigger for editorial-style scroll effects.

Create a premium 3D particle globe with a luminous spherical core and orbital rings using Three.js and custom shaders.